jQuery: How can I get the HTML from inside NoScript to display in a differend div tag?

Question

I've got a small script that detects if the user is using a certain browser

var is_chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
if(is_chrome){
    $('.ifChrome').attr('style', 'display:block;');
    $('.ifChrome').html($('noscript > div').html());
};

If they are using this browser, we want to display a div tag and show the HTML from a different div tag inside.

<noscript>
    <div class="note">
        Your browser does not properly support the WMD Markdown Editor.<br />
        Please use <a href="/about/markdown" target="_blank">Markdown<.a> to style your input.
    </div>
</noscript>
<div class="hidden ifChrome note"></div>

What I'm trying to do is show the "not supported" text from inside my <noscript> tag to users who are using this browser (because WMD Markdown doesn't work properly with it).

My existing Javascript is not working. Any help would be greatly appreciated.

Are you sure it doesn't work in Chrome? It seems to work for me... — lonesomeday, Jan 01 '11 at 22:36
The div shows, but the content of the `noscript > div` does not get displayed in the `
`... Instead it's just blank. — Chase Florell, Jan 01 '11 at 22:37
Parts of it work, parts don't. I can't get the blockquote or the lists working proper. This is a known issue because of the way the Chrome regex works. — Chase Florell, Jan 01 '11 at 22:41
Can't you just put the same text inside the Chrome note? :)) — XCS, Jan 01 '11 at 22:46
Yes, that's how I have it currently. I'm just slightly concerned about a search bot seeing the content twice since they don't use Javascript. — Chase Florell, Jan 01 '11 at 22:56
I did however find the `class="robots-nocontent"` attribute that can help me tell robots not to index the content of the div. Maybe I'll just do that. — Chase Florell, Jan 01 '11 at 22:57
I still can't work out what doesn't work, but I believe you. My solution would be to put the text string into the Javascript. Hacky, but this isn't exactly a clean solution. — lonesomeday, Jan 01 '11 at 23:00
I've just put the input into the page twice and add the `robots-nocontent` attribute to the div. — Chase Florell, Jan 01 '11 at 23:02

DiverseAndRemote.com · Answer 1 · 2013-04-02T23:07:04.430

10

This is a bit late but you can do:

var noscriptContents = $($('noscript').html());
$('.ifChrome').append(noscriptContents);

edited Apr 02 '13 at 23:07

answered Mar 14 '13 at 23:16

DiverseAndRemote.com

19,314
10
61
70

score 5 · Accepted Answer · edited May 23 '17 at 11:54

5

You cannot access the content of a noscript-element using javascript in chrome. So you'll have to find a different approach that doesn't use a noscript-element. Read more about that problem here

edited May 23 '17 at 11:54

Community

1
1

answered Jan 01 '11 at 22:42

Simon

3,509
18
21

3

Maybe you couldn't in 2011 but you can now. – Moss Jun 12 '15 at 01:26

ligker dot net · Answer 3 · 2023-08-16T07:32:42.033

<noscript id="noscript-main">
      <div id="div-inside-noscript">
        <span>Your content here</span>
      </div>
      <div>1</div>
      <div class="no-action">2</div>
 </noscript>
 <div id="show"></div>
<script>
      var noscript_main  = $(`#noscript-main`);
      var noscript_main_text = noscript_main.text();
      $.each($(noscript_main_text),function(k,v){
        var obj = $(v);    
        // if you want get the id of element:    
        if( obj.get(0).tagName == `DIV` ) {
          console.log( obj.prop(`id`));
        }
        //if you want display div-inside-noscript inside div#show
        if(obj.prop(`id`) == `div-inside-noscript` ){
          var obj_html = obj.html();  
          $(`#show`).html(obj_html);
        }        
      });
      //if you want remove noscript tag
      noscript_main.remove();      
 </script>

As it’s currently written, your answer is unclear. Please [edit] to add additional details that will help others understand how this addresses the question asked. You can find more information on how to write good answers [in the help center](/help/how-to-answer). — Community, Aug 17 '23 at 11:34

jQuery: How can I get the HTML from inside NoScript to display in a differend div tag?

3 Answers3