Home / user-128699

x3k's questions

Martin Hope
x3k
Asked: 2020-04-01 05:26:20 +0800 CST
  • 1

Is there a way to get the client's private IP address from the server or somehow pass it to it without it being hidden?

Currently I do it as follows:

var ipPrivada = "";
function obtenerIPJS(variable) {

		// NOTE: window.RTCPeerConnection is "not a constructor" in FF22/23
		var RTCPeerConnection = /*window.RTCPeerConnection ||*/ window.webkitRTCPeerConnection || window.mozRTCPeerConnection;

		if (RTCPeerConnection) (function () {
		    var rtc = new RTCPeerConnection({iceServers:[]});
		    if (1 || window.mozRTCPeerConnection) {      // FF [and now Chrome!] needs a channel/stream to proceed
		        rtc.createDataChannel('', {reliable:false});
		    };
		    
		    rtc.onicecandidate = function (evt) {
		        // convert the candidate to SDP so we can run it through our general parser
		        // see https://twitter.com/lancestout/status/525796175425720320 for details
		        if (evt.candidate) grepSDP("a="+evt.candidate.candidate, variable);
		    };
		    rtc.createOffer(function (offerDesc) {
		        grepSDP(offerDesc.sdp, variable);
		        rtc.setLocalDescription(offerDesc);
		    }, function (e) { console.warn("offer failed", e); });
		    
		    function updateDisplay(newAddr, variable) {
		    	var varConEval = eval(variable);
		    	if (varConEval != "") varConEval = varConEval+",";
		    	varConEval = varConEval+newAddr;
		    	eval(variable+" = varConEval");
		    }
		    
		    function grepSDP(sdp, variable) {
		        var hosts = [];
		        sdp.split('\r\n').forEach(function (line) { // c.f. http://tools.ietf.org/html/rfc4566#page-39
		            if (~line.indexOf("a=candidate")) {     // http://tools.ietf.org/html/rfc4566#section-5.13
		                var parts = line.split(' '),        // http://tools.ietf.org/html/rfc5245#section-15.1
		                    addr = parts[4],
		                    type = parts[7];
		                if (type === 'host') updateDisplay(addr, variable);
		            } else if (~line.indexOf("c=")) {       // http://tools.ietf.org/html/rfc4566#section-5.7
		                var parts = line.split(' '),
		                    addr = parts[2];
		                updateDisplay(addr, variable);
		            }
		        });
            console.log("varIP"+eval(variable));
		    }
		})(); else {
		}
	}

obtenerIPJS("ipPrivada");

The problem is that this worked before with another version of firefox/chrome (I don't know which one). Now these browsers by default hide the private local IP. And output it with a format like this: ej1k-18fa-loquesea.local This option to hide the IP is something that can be changed with the #enable-webrtc-hide-local-ips-with-mdnsbrowser variable, but it is not an option.

Ideally, the user does not have to modify anything in the browser.

The IP is sent to the server to check if it is on the list of valid IPs to perform that action, so the question would be the one at the beginning:

Is there a way to get the client's private IP address from the server or somehow pass it to it without it being hidden?

Related but outdated: How to get the IP or hostname with JavaScript

javascript
Martin Hope
x3k
Asked: 2020-02-22 02:27:37 +0800 CST
  • 3

I have different classes:

class Gato{...}
class Perro{...}
class Pulpo{...}

I would like to store the different objects in the same container or list to treat them later:

Gato gato = new Gato("Garfield");
Perro perro = new Perro("Tobi");
Pulpo pulpo = new Pulpo("Paul");

But obviously I can't do it in a list tipada:

ArrayList <Gato> listaContenedor = new ArrayList<Gato>();
listaContenedor.add(gato);
listaContenedor.add(perro); //Perro cannot be converted to Gato

How could I store them in the same container/list?

java
Martin Hope
x3k
Asked: 2020-12-17 04:05:51 +0800 CST
  • 16

When checking if my list that is returned from a DB query contains a number with .contains()it returns false.

Return false:

System.out.println(listaBd);      // Output:[1, 2]
listaBd.contains(Long.valueOf(1)) // False

The problem does not seem from the code but from the list, since if I create the list by hand it returns true.

List <Long> listaLong = new ArrayList();
listaLong.add(1L);
listaLong.add(2L);
System.out.println(listaLong);      // Output:[1, 2]
listaLong.contains(Long.valueOf(1)) // True

I get the list as follows:

List<Long> results = new ArrayList<Long>();
results = (List<Long>)QueryUtil.list(query, getDialect(), -1, -1); //Liferay

And from what I understand, if it does not give any exceptionwhen casting it, it is because they are Longsvalid

The queryis something like this very simplified (with lots of joins and wheres that I'm going to exclude):

select idIdioma
from mitable;

idIdiomais one fkof a kindNUMBER(10,0)

java
Martin Hope
x3k
Asked: 2020-07-12 00:10:38 +0800 CST
  • 29

I have always viewed recursive functions with a bad eye, and I have rejected them in favor of other options.

Why would I do this?:

foo(0);
function foo(cont){
  console.log(cont);
  cont++;
  if(cont<50){
    foo(cont);
  }
}

Being able to do this:

foo();
function foo(){
  for(let cont=0;cont<50;cont++){
    console.log(cont);
  }
}

I have searched for information, and I have found that recursive functions can be used to optimize Tail Call Optimization Recursion functional javascript

To which I do not find much sense, if in the previous snippets we simulate a larger loop for example: cont < 99999. It función recursivafails before reaching the end while he forcompletes it.

And on the other hand, if we simulate an infinite loop, the fordoes not do it while the función recursivadoes try and again gives an error.

javascript
Martin Hope
x3k
Asked: 2020-07-09 04:11:44 +0800 CST
  • 5

I need the solution (if it exists), to be compatible with IE 9+ , so it can't use flexbox.

I have encountered a problem when compatable with IE 9.

The problem is that in IE 9 it is not compatible with anything flexboxso I need to know if there is an alternative to do what can be seen in the snippet.

The result of what it would look like in IE 9 is like removing the display:flex;container property .container.

Explanation:

  1. A main container, with 2 child containers.
  2. Main container: It has to occupy 100% and have the height that the children need (auto).
  3. Child container (image): The first container is an empty div with a background of an image. It has to occupy the (100% - y%) width of the page and the height has to be 100% of the parent.
  4. Child container (content): The second container for the content, has to occupy y% width and the height you need. (This container is the one that should delimit the height of the others)

.container {
  width: 100%;
  outline: 1px solid red;
  display: flex; /*Comentar para simular IE ya que no es compatible */
}

.imgCol {
  position: relative;
  overflow: hidden;
  width: 25%;
  height: auto;
  float: left;
  background-image: url(https://cdn-scor-prd-01.azureedge.net/cefinvestorcenter/-/media/aam-web/images/cefcenter/400x800-cef-insights.ashx?h=800&la=en-US&w=400&hash=E1BAC22A62EC20C8288886AE154489715A03DD3C&modified=20181127174522);
  background-position: bottom;
  background-size: cover;
  outline: 1px solid green;
  min-height: 1px;
}

.content {
  width: 75%;
  float: left;
  outline: 1px solid blue;
}
<div class="container">
  <div class="imgCol">
  <!-- Background image-->
  </div>
  <div class="content">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Volutpat lacus laoreet non curabitur. Viverra mauris in aliquam sem. Venenatis a condimentum vitae sapien pellentesque. In massa tempor nec feugiat nisl pretium fusce. Tellus molestie nunc non blandit massa enim nec. Amet luctus venenatis lectus magna fringilla urna porttitor rhoncus dolor. Tempor id eu nisl nunc mi ipsum faucibus vitae. Morbi blandit cursus risus at ultrices mi tempus imperdiet. Sit amet aliquam id diam maecenas ultricies mi eget. Volutpat maecenas volutpat blandit aliquam etiam erat velit scelerisque. Et magnis dis parturient montes. Tristique magna sit amet purus. Quam viverra orci sagittis eu. Eget velit aliquet sagittis id consectetur. Ornare arcu dui vivamus arcu felis bibendum ut tristique. Pulvinar sapien et ligula ullamcorper malesuada proin. Sed cras ornare arcu dui vivamus arcu.</p>

  <p>Mattis ullamcorper velit sed ullamcorper morbi tincidunt ornare massa. Feugiat pretium nibh ipsum consequat nisl. Quam vulputate dignissim suspendisse in est ante in nibh. Sed pulvinar proin gravida hendrerit. Quisque sagittis purus sit amet volutpat consequat mauris. Eget sit amet tellus cras adipiscing enim. Purus in mollis nunc sed id semper. Sit amet purus gravida quis blandit turpis. Rhoncus urna neque viverra justo nec ultrices dui sapien. Faucibus et molestie ac feugiat. Nunc aliquet bibendum enim facilisis gravida neque. Donec massa sapien faucibus et molestie ac feugiat sed. Et tortor at risus viverra adipiscing at. Urna nunc id cursus metus aliquam eleifend mi in. Nec ullamcorper sit amet risus nullam eget felis. Ridiculus mus mauris vitae ultricies leo integer malesuada nunc. Elementum facilisis leo vel fringilla est ullamcorper eget nulla.</p>

  <p>Blandit libero volutpat sed cras ornare. Cum sociis natoque penatibus et magnis dis parturient montes nascetur. Ut sem nulla pharetra diam sit amet nisl suscipit adipiscing. Proin fermentum leo vel orci porta non pulvinar. Donec enim diam vulputate ut. Etiam sit amet nisl purus in mollis nunc sed id. Quam viverra orci sagittis eu volutpat odio facilisis mauris. Risus feugiat in ante metus dictum at tempor commodo. Et molestie ac feugiat sed lectus vestibulum mattis ullamcorper velit. Pulvinar pellentesque habitant morbi tristique senectus et netus et malesuada. Ut enim blandit volutpat maecenas volutpat blandit aliquam etiam. Ut diam quam nulla porttitor massa id neque. Imperdiet nulla malesuada pellentesque elit eget gravida. Convallis a cras semper auctor. Posuere sollicitudin aliquam ultrices sagittis orci a. Ullamcorper velit sed ullamcorper morbi tincidunt ornare massa eget. Nisi quis eleifend quam adipiscing vitae proin sagittis nisl. Laoreet suspendisse interdum consectetur libero id faucibus.</p>
  </div>
</div>

I have tried several different properties to simulate the "flexbox" style but without getting what I want.

  • display: table|block|table-cell|inline-block;
  • display: inline-block; height: 100%;(In the son based on the guide that I attached)

Flexbox without using flexbox

What I need is something like this Equal height columns , with the difference that I need the background of the container on the left to be a background-image of width 25% . If it is done as in this guide, the image would be widened since even if it is only 25% visible, it is occupying 100%.

In high screen dimensions it loses quality and would look bad:

.container2 {
  float: left;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.container {
  width: 100%;
  position: relative;
  float: left;
  outline: 1px solid red;
  right: 75%;
  background-image: url(https://cdn-scor-prd-01.azureedge.net/cefinvestorcenter/-/media/aam-web/images/cefcenter/400x800-cef-insights.ashx?h=800&la=en-US&w=400&hash=E1BAC22A62EC20C8288886AE154489715A03DD3C&modified=20181127174522);
  background-position: bottom;
  background-size: cover;
}

.imgCol {
  position: relative;
  width: 25%;
  float: left;
  outline: 1px solid green;
  min-height: 1px;
  overflow: hidden;
  left: 75%;
}

.content {
  width: 75%;
  float: left;
  outline: 1px solid blue;
  position: relative;
  overflow: hidden;
  left: 75%;
}
<div class="container2">
  <div class="container">
    <div class="imgCol">
    </div>
    <div class="content">
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Volutpat lacus laoreet non curabitur. Viverra mauris in aliquam sem. Venenatis a condimentum vitae sapien pellentesque. In massa tempor nec feugiat nisl pretium fusce. Tellus molestie nunc non blandit massa enim nec. Amet luctus venenatis lectus magna fringilla urna porttitor rhoncus dolor. Tempor id eu nisl nunc mi ipsum faucibus vitae. Morbi blandit cursus risus at ultrices mi tempus imperdiet. Sit amet aliquam id diam maecenas ultricies mi eget. Volutpat maecenas volutpat blandit aliquam etiam erat velit scelerisque. Et magnis dis parturient montes. Tristique magna sit amet purus. Quam viverra orci sagittis eu. Eget velit aliquet sagittis id consectetur. Ornare arcu dui vivamus arcu felis bibendum ut tristique. Pulvinar sapien et ligula ullamcorper malesuada proin. Sed cras ornare arcu dui vivamus arcu.</p>

    <p>Mattis ullamcorper velit sed ullamcorper morbi tincidunt ornare massa. Feugiat pretium nibh ipsum consequat nisl. Quam vulputate dignissim suspendisse in est ante in nibh. Sed pulvinar proin gravida hendrerit. Quisque sagittis purus sit amet volutpat consequat mauris. Eget sit amet tellus cras adipiscing enim. Purus in mollis nunc sed id semper. Sit amet purus gravida quis blandit turpis. Rhoncus urna neque viverra justo nec ultrices dui sapien. Faucibus et molestie ac feugiat. Nunc aliquet bibendum enim facilisis gravida neque. Donec massa sapien faucibus et molestie ac feugiat sed. Et tortor at risus viverra adipiscing at. Urna nunc id cursus metus aliquam eleifend mi in. Nec ullamcorper sit amet risus nullam eget felis. Ridiculus mus mauris vitae ultricies leo integer malesuada nunc. Elementum facilisis leo vel fringilla est ullamcorper eget nulla.</p>

    <p>Blandit libero volutpat sed cras ornare. Cum sociis natoque penatibus et magnis dis parturient montes nascetur. Ut sem nulla pharetra diam sit amet nisl suscipit adipiscing. Proin fermentum leo vel orci porta non pulvinar. Donec enim diam vulputate ut. Etiam sit amet nisl purus in mollis nunc sed id. Quam viverra orci sagittis eu volutpat odio facilisis mauris. Risus feugiat in ante metus dictum at tempor commodo. Et molestie ac feugiat sed lectus vestibulum mattis ullamcorper velit. Pulvinar pellentesque habitant morbi tristique senectus et netus et malesuada. Ut enim blandit volutpat maecenas volutpat blandit aliquam etiam. Ut diam quam nulla porttitor massa id neque. Imperdiet nulla malesuada pellentesque elit eget gravida. Convallis a cras semper auctor. Posuere sollicitudin aliquam ultrices sagittis orci a. Ullamcorper velit sed ullamcorper morbi tincidunt ornare massa eget. Nisi quis eleifend quam adipiscing vitae proin sagittis nisl. Laoreet suspendisse interdum consectetur libero id faucibus.</p>
    </div>
  </div>
</div>

css
Martin Hope
x3k
Asked: 2020-06-14 04:58:43 +0800 CST
  • 8

I am making an animation and I have found the following pen: CodePen

Code of pen:

$({percentage: 0}).stop(true).animate({percentage: value}, {
    duration : 2000,
    easing: "easeOutExpo",
    step: function () {
        // percentage with 1 decimal;
        var percentageVal = Math.round(this.percentage * 10) / 10;

        $el.text(percentageVal + '%');
    }
})

Selector:

$({percentage: 0}).stop(true).animate({percentage: value}, {...});

  • That changes?
  • What is it for?
  • In case of specifying properties of jQuery, what does the of percentage?

I suppose it jquerywill have a JSONproperties and they will be changed in this way, but I had not seen it before.

jquery