Google chrome identification popup

Question

I have this line of Javascript:

if (true){ 
  $('#custom-tag').html('HTML');
} 
else {
  $('#custom-tag').html('DifferentHTML');
}

If a variable is yes, it will run this html code at startup. If the variable is not yes, then it will run this line of html at startup. How can I do this?

EDIT: I'm afraid I forgot to say, I was wanting this to detect your browser. If using chrome, it will put out no HTML. If using other browsers than chrome, it will put out HTML.

EDIT#2: I have this code. I need to fix this for the popup that identifies if it's chrome.

   $(function() {

     $('#in').on('keyup', function() {
       validate();
     });

   });

   function validate() {
     var x = $('#in').val();

     if (navigator.userAgent.indexOf("Chrome") != -1) {
       $('#result').html('<h3>Chrome</h3>');
     } else {
       $('#result').html('');
     }

   }

<input type="text" id="in" onChange="validate()" />

<div id="result">





  <div id="popup" class="overlay">
    <div class="popup">
      <h2>Browser</h2>
      <a class="close" href="javascript:popupClose();">×</a>
      <div class="content">
      </div>
    </div>
  </div>

Just need to connect all of these. EDIT: I need to add the last line of html into the java code if it's not chrome.

I am not understanding your question .. I know it is about the conditional ... What EXACTLY do you mean by `variable is not checked yes` and `at startup`? — Zak, Jan 08 '16 at 04:29

Venkat.R · Answer 1 · 2016-01-08T05:28:36.853

1

Try the one line snippet which use ternary operator.

// Check if not chrome
if(!$.browser.chrome){
    // If its variable.
    $('#custom-tag').html( (variable == 'yes') ? 'html' : 'different html' );
}

// If its checkbox.
$('#custom-tag').html( $('#checkboxId').is(":checked") ? 'html' : 'different html' );

edited Jan 08 '16 at 05:28

answered Jan 08 '16 at 04:32

Venkat.R

7,420
5
42
63

I think this is close. I need it to detect browsers though. I made an edit. – Akidus Jan 08 '16 at 04:51
Check the answer which has chrome browser check – Venkat.R Jan 08 '16 at 05:28
There isn't any checks, I need to edit that... Thanks for your reply. – Akidus Jan 08 '16 at 05:31
It might work, I'm trying to add it to my code. I'm learning js still. – Akidus Jan 08 '16 at 05:36
I need to somehow fit it in my code without messing with the pop up. – Akidus Jan 08 '16 at 05:45

score 1 · Answer 2 · answered Jan 08 '16 at 04:32

1

Here it works

var name;
if(name.checked == true){
 $('#custom-tag').html('HTML');
}else{
 $('#custom-tag').html('DifferentHTML'); 
}

answered Jan 08 '16 at 04:32

Wasiq Muhammad

3,080
3
16
29

score 0 · Answer 3 · answered Jan 08 '16 at 04:38

0

var x = true;  // Your dynamic result True or False is stored in x

if(x)
{
    $('#selector').html();
}
else
{
    $('#selector').html();
}

You can also do it by defining var x = ''; in the beginning of script and then depending upon your other script statements, it would get value either true or false. Then you need to check x = '' or not. That's it!

answered Jan 08 '16 at 04:38

Himanshu Upadhyay

6,558
1
20
33

How do I do this when identifying browses? – Akidus Jan 08 '16 at 04:52

score 0 · Answer 4 · answered Jan 08 '16 at 04:39

0

$(function(){

  $('#in').on('keyup',function(){
    validate();
  });

});

function validate(){
    var x = $('#in').val();
    
  if(x  == "x"){
    $('#result').html('<h3>x entered</h3>');
  }else{
    $('#result').html('<h5>something other than x entered</h5>');
  }

}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="in" onChange="validate()"/>

<div id="result">
  
  
</div>

answered Jan 08 '16 at 04:39

Esteban Rincon

2,040
3
27
44

This might work. How do you make it identify if your using chrome? – Akidus Jan 08 '16 at 04:53
This is a different question and it has answers already: http://stackoverflow.com/a/29657232/2940051 hope it helps :) – Esteban Rincon Jan 08 '16 at 04:57
@ esteban rincon That may work, but I am still learning JS, so i'm not sure how to put that in my code. – Akidus Jan 08 '16 at 05:00
change the snippet I provided, the if(x == "x") to if("/\bCrOS\b/".test(navigator.userAgent) – Esteban Rincon Jan 08 '16 at 05:03
Thanks. I added a snippet above in case anyone needed it. – Akidus Jan 08 '16 at 05:04
Your welcome, don't forget to check the answer you think is correct. good luck. – Esteban Rincon Jan 08 '16 at 05:06
I'm just not sure how to add it to the code I posted above, so a popup will appear on browsers except chrome. I'm still learning js. – Akidus Jan 08 '16 at 05:09
Yes ofcourse, the problem is that I'm from the phone right now – Esteban Rincon Jan 08 '16 at 05:28
I used your code and I have something that might work, but it's not right now. Not sure how to give it to you. – Akidus Jan 08 '16 at 14:53
I updated the code above. I used yours. I'm missing something in it though. – Akidus Jan 08 '16 at 18:57
Its really hard to help you like this, edit your code. – Esteban Rincon Jan 08 '16 at 19:01
It actually works. But each time, you need to type something in. is there a way to make the js run at startup, not until you type? – Akidus Jan 08 '16 at 19:07
Also, I wanted to add all that html in the end of the html part in the snippet if chrome is not identified. – Akidus Jan 08 '16 at 19:15

score 0 · Answer 5 · answered Jan 08 '16 at 04:59

0

You can check if its chrome this way:

if( navigator.userAgent.toLowerCase().indexOf('chrome') > -1 ){ 
  // chrome, do nothing
} 
else {
  // not chrome put html
  $('#custom-tag').html('HTML');
}

answered Jan 08 '16 at 04:59

Google chrome identification popup

5 Answers5