How does HTML Work?

2007-07-11 05:14:47 UTC

Here is how to make an html link:

Yahoo! .

You will see a highlighted "Yahoo! that when you click on it, It will take you to yahoo.com . Whatever is in quotes is the site address, What ever is between the >< is the highlighted text.

To make a link in a new window:

Yahoo!

Same thing, address in quotess, but notice you add

target="_blank. There is a space before target. That is Basic HTML LINKS.

Now, if you want to paste an object on your website, that's different. First, you find a place on the website where the will give you an HTML CODE or WIDGET to put the object on your site. Then, copy the code. Finally, paste the code on the HTML page. MAKE SURE, that if you want the page to be HTML compatible, the address ends in .html (ex. http://www.wlit.com/pages/melissa.html ) or /index.html (ex. http://www.webspawner.com/users/mariofcalero/index.html )

To make Bold text, put when you want the bold text to start and where you want the bold text to end. Same thing with underline and italisize, but instead of B in the <> and , You put I for italisize and U for underline. Hope this helps. Want more help? Email me! Your page with HTML could look as good as my page. Check it out!

http://www.webspawner.com/users/mariofcalero/index.html

anonymouse

2007-07-11 11:29:45 UTC

When you go to a texteditor, like 'BBEdit Lite', you can write an HTML page, which is a webpage. Webpages are made completely out of words which the computer reads and loads every time you click a link or go to a site.

To look at some people's HTML, you can go to any page and either click 'View' and then go to 'Source' if you have a PC, or right click and go to 'View Source' if you have a Mac.

To learn some HTML, you can either ask a friend who knows it (most reliable way), Google 'HTML tutorial for beginners' or something, or you can buy an up-to-date HTML book, which can cost over £20.

JoeTrumpet

2007-07-11 05:05:07 UTC

Do you want to know how to design pages with HTML or how it works?

HTML, or hypertext mark-up language, is a language constructed of special codes. To view some codes in action, right-click the page you're viewing and click "View Source." These are instructions in text that tell the browser how to represent the site visually. When the code says
, for example, the browser will automatically make a new line. If it sees text surrounded by , the text enclosed will appear boldfaced, and so forth. Everything you see on a page is in HTML, other than the pictures: HTML merely tells the pictures where to appear, what size they should be, and what happens if you click them.

If you want to learn it, I recommend the site http://www.htmlgoodies.com

2007-07-11 08:05:50 UTC

HTML is not a programming language and so doesn't "work", rather it is a markup language which needs to be "understood".

HTML is simply a defined set of tags and rules governing those tags. For example, the tag must be contained by the <head> tag and so on. <br /><br /> <br /><br />When HTML is send via the internet to your browser, your browser's job is to *understand* the HTML. For the most part this will involve drawing text, images and shapes to the screen (known as "rendering"). Another challenge for the browser is handling the form input controls. </div> </div>  </div> <div class="qa_answer " >  <div class="qa_post_head"> <div class="post" id="post4"> <div class="post_header"> <div class="ya_post_header_poster"> AnalProgrammer </div> <div class="post_header_date"> <span class="timeago" title="2007-07-11T00:15:27-05:00">2007-07-11 05:15:27 UTC</span> </div> </div> </div> </div>    <div class="qa_post_content_body"> <div class="post_body parsed"> <div class="post_actions">  </div> You type the web url into the browser and it starts to read the file specified. If no file is specified it will get the default file of index.htm. <br /><br />This file is read and then processed from top down. <br /><br />Any additional files that are included in the first file like CSS, JavaScript or VBscript files are also read in from top to bottom at the point that the files are specified in the first file. <br /><br /> <br /><br />The browse will process each tag or instructon as it is encountered. Thus if you call a JavaScript function that has not yet loaded you will get an error. </div> </div>  </div> <div class="qa_answer " >  <div class="qa_post_head"> <div class="post" id="post5"> <div class="post_header"> <div class="ya_post_header_poster"> </div> <div class="post_header_date"> <span class="timeago" title="2007-07-11T00:04:20-05:00">2007-07-11 05:04:20 UTC</span> </div> </div> </div> </div>    <div class="qa_post_content_body"> <div class="post_body parsed"> <div class="post_actions">  </div> HTML is a 'mark up' language. Mark up is an old printing term and it defines the structure of a document; headers, bold, paragraph etc. The HTML tells the browser how to structure the various elements in a page. </div> </div>  </div> <div class="qa_answer " >  <div class="qa_post_head"> <div class="post" id="post6"> <div class="post_header"> <div class="ya_post_header_poster"> Andy T </div> <div class="post_header_date"> <span class="timeago" title="2007-07-11T00:39:28-05:00">2007-07-11 05:39:28 UTC</span> </div> </div> </div> </div>    <div class="qa_post_content_body"> <div class="post_body parsed"> <div class="post_actions">  </div> How to design a page or how it gets process and displayed? <br /><br /> <br /><br />Just design there is an http://www.w3school.org that you can check it out. <br /><br /> <br /><br />We have enough HTML engines out in the public already; are you sure you want to get to the bottom of how to process it? Basically XML parser and XML trees. </div> </div>  </div> <div class="qa_answer " >  <div class="qa_post_head"> <div class="post" id="post7"> <div class="post_header"> <div class="ya_post_header_poster"> mark </div> <div class="post_header_date"> <span class="timeago" title="2007-07-11T00:02:32-05:00">2007-07-11 05:02:32 UTC</span> </div> </div> </div> </div>    <div class="qa_post_content_body"> <div class="post_body parsed"> <div class="post_actions">  </div> HTML uses tags to identify a type of content. These tags are then interpreted by a browser to produce formatted content. <br /><br /> <br /><br />For example <B>will put text in bold</B> you then close the tag to stop the formatting. </div> </div>  </div> <div class="qa_answer " >  <div class="qa_post_head"> <div class="post" id="post8"> <div class="post_header"> <div class="ya_post_header_poster"> V </div> <div class="post_header_date"> <span class="timeago" title="2007-07-11T00:01:30-05:00">2007-07-11 05:01:30 UTC</span> </div> </div> </div> </div>    <div class="qa_post_content_body"> <div class="post_body parsed"> <div class="post_actions">  </div> HTML is Hyper Text Markup Language <br /><br /> <br /><br />This is the <HEAD> <br /><br /> <br /><br />Then its the <BODY> <br /><br /> <br /><br />The head is the top half the body is the middle which does everything hope i helped </div> </div>  </div> <div class="qa_answer " >  <div class="qa_post_head"> <div class="post" id="post9"> <div class="post_header"> <div class="ya_post_header_poster"> sherrybarrybee </div> <div class="post_header_date"> <span class="timeago" title="2007-07-11T00:03:00-05:00">2007-07-11 05:03:00 UTC</span> </div> </div> </div> </div>    <div class="qa_post_content_body"> <div class="post_body parsed"> <div class="post_actions">  </div> Go to http://www.w3schools.com/html/html_intro.asp for a tutorial. <br /><br />Try searching for Html tutorials. </div> </div>  </div> <div class="qa_answer " >  <div class="qa_post_head"> <div class="post" id="post10"> <div class="post_header"> <div class="ya_post_header_poster"> Lew </div> <div class="post_header_date"> <span class="timeago" title="2007-07-11T00:16:45-05:00">2007-07-11 05:16:45 UTC</span> </div> </div> </div> </div>    <div class="qa_post_content_body"> <div class="post_body parsed"> <div class="post_actions">  </div> Have a look here, tips and tricks on HTML, everything you ever need to know. <br /><br />http://www.htmlgoodies.com/ </div> </div>  </div> <div class="qa_answer " >  <div class="qa_post_head"> <div class="post" id="post11"> <div class="post_header"> <div class="ya_post_header_poster"> shipdada </div> <div class="post_header_date"> <span class="timeago" title="2007-07-13T00:56:03-05:00">2007-07-13 05:56:03 UTC</span> </div> </div> </div> </div>    <div class="qa_post_content_body"> <div class="post_body parsed"> <div class="post_actions">  </div> Check this out, <br /><br />http://en.wikipedia.org/wiki/Html </div> </div>  </div> <div class="qa_answer " >  <div class="qa_post_head"> <div class="post" id="post12"> <div class="post_header"> <div class="ya_post_header_poster"> Maverick </div> <div class="post_header_date"> <span class="timeago" title="2007-07-11T00:11:19-05:00">2007-07-11 05:11:19 UTC</span> </div> </div> </div> </div>    <div class="qa_post_content_body"> <div class="post_body parsed"> <div class="post_actions">  </div> Haven't you heard of Google? Just put in HTML and it searches you all kinds of sites that give you all kind of basic's on HTML. Why ask us? </div> </div>  </div> <div class="qa_answer " >  <div class="qa_post_head"> <div class="post" id="post13"> <div class="post_header"> <div class="ya_post_header_poster"> pappy </div> <div class="post_header_date"> <span class="timeago" title="2007-07-11T00:03:13-05:00">2007-07-11 05:03:13 UTC</span> </div> </div> </div> </div>    <div class="qa_post_content_body"> <div class="post_body parsed"> <div class="post_actions">  </div> The question is too general for a concise answer. <br /><br />How about checking it out at: www.howthingswork.com </div> </div>  </div> <div class="qa_answer " >  <div class="qa_post_head"> <div class="post" id="post14"> <div class="post_header"> <div class="ya_post_header_poster"> J Jacob </div> <div class="post_header_date"> <span class="timeago" title="2007-07-11T00:01:52-05:00">2007-07-11 05:01:52 UTC</span> </div> </div> </div> </div>    <div class="qa_post_content_body"> <div class="post_body parsed"> <div class="post_actions">  </div> http://www.devx.com/projectcool/Article/17861/0/page/2 </div> </div>  </div> </br ></br > <div id="se_licensing_notice"> <div id="se_licensing_notice_info"> ⓘ </div> <div id="se_licensing_notice_text"> This content was originally posted on Y! Answers, a Q&A website that shut down in 2021. </div> </div>  <script type="text/javascript"> //$(document).ready(function() { (nk = window.nk || []).session_id = '96b85703d13b'; if(nk.adb === undefined) nk.adb = 'enabled'; if(0) nk.adb = 'untested'; nk.threadfunction = function() { $.ajax({ url: "https://" + document.domain +"/ajax/ThreadViewCounter?hash=kVYTGSE3&nk_session=" + nk.session_id, data: { page_version: 1, is_desktop: 1, lang: 'en', replycount: 15, views: 1, type: 'ya', simqa: 0, simsearchqa: 0, simsearch: 0, url: window.location.href, hash: 'kVYTGSE3', cat: document.domain.replace('.narkive.', '.'), path: window.location.pathname, title: 'How does HTML Work?', recency: 6376, ads_filter: 'no-match', // adb: nk.adb, }, cache: true, type: "GET" }) .done(function( html ) { eval(html); }); } //}); $(document).ready(function() { if(typeof adsense_dispatcher_id === 'undefined' || adsense_dispatcher_id < 2) { // disable stats collection if you're unlikely to be a new user //nk.threadfunction(); } }); // prebid callback here as there is no command queue, in theory ThreadViewCounter works, but hey var nk_ts_PreBidConnectionTime = Date.now(); function connect_prebid_callback() { if(typeof vmpbjs !== undefined && vmpbjs.onEvent !== undefined) { vmpbjs.onEvent('bidWon', function(prebidwin) { console.log(prebidwin.bidderCode+ ' won the ad server auction for ad unit ' +prebidwin.adUnitCode+ ' at ' +prebidwin.cpm+ ' CPM'); console.log(prebidwin); var u = "https://" + document.domain +"/ajax/telemprebid?abs_sec=" + parseInt((Date.now()-nk_ts_PreBidConnectionTime) / 1000) + "&nk_session=" + nk.session_id; $.ajax({ url: u, cache: false, type: "HEAD", global: false, beforeSend: function(){}, complete: function(){}, data: { bidder: prebidwin.bidder, cpm: prebidwin.originalCpm, currency: prebidwin.originalCurrency, height: prebidwin.height, width: prebidwin.width, slotElementId: prebidwin.adserverTargeting.hb_div_id }}); console.log('callback sent'); }); } else { setTimeout(function() { connect_prebid_callback(); }, 100); } } //connect_prebid_callback(); </script> <div id="last_post_visibility_indicator"> </div> <style> .post_body.parsed { /*padding: 11px 12px;*/ color: #192527; font-family: "Segoe UI","Segoe WP","Arial","Sans-Serif"; font-size: 17px; line-height: 24px; } </style> <style> @media screen and (min-width: 770px) { .post_body.parsed { padding: 11px 12px; color: #192527; font-family: "Segoe UI","Segoe WP","Arial","Sans-Serif"; font-size: 18px; line-height: 26px; } .post_header { border-width: 1px; border-radius: 3px; } .post_wrapper { border-left: 0; padding-left: 22px; } .post_body { border: 0; } .quoted_post { font-size: 14px; line-height: 18px; } .post_header { height: 30px; line-height: 30px; font-size: 17px; } #thread_lister_ctrl_nav { font-size: 24px; line-height: 32px; } #thread_lister_subtitle { display: none; } /* smaller */ #thread_lister_ctrl_nav { font-size: 20px; line-height: 31px; } .post_header { height: 28px; line-height: 27px; font-size: 16px; } .post_body.parsed { font-family: "Segoe UI","Segoe WP","Arial","Sans-Serif"; font-size: 17px; line-height: 25px; padding-bottom: 16px; } .thread #thread_lister_ctrl { margin: 8px 4px; margin-top: 7px; margin-bottom: 4px; } #thread_lister_subtitle { display: block; } #thread_lister_subtitle { margin-bottom: -5px; } #thread_container .post_header_date .timeago { font-size: 15px; } #simthread_first_header { font-family: serif; font-size: 25px; margin-top: 30px; margin-left: 15px; background-color: #f3feff; padding: 7px 13px; color: #234244; width: fit-content; border-radius: 5px; } } </style> <style> #sidebar_banner_right { /*float: right; margin-right: 20px;*/ float: left; margin-left: 40px; margin-top: 20px; width: 22px; height: 30px; /*display: none;*/ /*border: 1px solid red;*/ /*background-color: red;*/ } @media screen and (min-width: 1500px) { #sidebar_banner_right { margin-left: 80px; } } </style> </div> <div id="sidebar_container"></div> <div id="sidebar_banner_right"><div class="sidebar_banner_placeholder_2"></div></div> <div style="clear: both"></div> </div> <script type="text/javascript"> var nav_highlighted = false, sidebar_fixed = false, sidebar_initial_top_distance = 0, sidebar_initial_left_distance = 0, sidebar_right_banner_initial_left_distance = 0, last_post_divs_distance_build = 0, post_divs_distances = Array(), sidebar_height = 0, thread_navigation_height = 0, sidebar_position_offset = 0, thread_onscroll_timeout = 0, sidebar_related_height = 0; function build_post_divs_distance() { if(new Date().getTime() - last_post_divs_distance_build < 1000) { return; } var post_divs = $('.post'); for(k in post_divs) { if(parseInt(k) != k) continue; post_divs_distances[$(post_divs[k]).position().top] = $(post_divs[k]).attr('id').replace('post', ''); } sidebar_height = $('#sidebar_container').height(); thread_navigation_height = $('#thread_navigation').height(); } function thread_onscroll() { if($(window).width() < 995) { return; } build_post_divs_distance(); var scroll_top = $(window).scrollTop(), sidebar_offset_top = $('#sidebar_container').offset().top, windows_height = $(window).height(), sidebar_css_top = parseInt($('#sidebar_container').css('top') == 'auto' ? 0 : $('#sidebar_container').css('top')), sidebar_standard_top_distance = 20, first_visible_post = 1, scroller_margins = windows_height < 250 ? 20 : 100; highlighted_top_distance = nav_highlighted > 0 ? $('#nav_post' + nav_highlighted).position().top : windows_height/2; left_margin = parseInt($('#sidebar_container').css('margin-left')); left_margin_banner = parseInt($('#sidebar_banner_right').css('margin-left')); if(sidebar_initial_left_distance == 0) { sidebar_initial_left_distance = $('#sidebar_container').offset().left/* == 0 ? 760 : $('#sidebar_container').offset().left*/; } if(sidebar_right_banner_initial_left_distance == 0) { sidebar_right_banner_initial_left_distance = $('#sidebar_banner_right').offset().left/* == 0 ? 760 : $('#sidebar_container').offset().left*/; } if(highlighted_top_distance + scroller_margins + sidebar_position_offset + sidebar_related_height > windows_height) { sidebar_position_offset -= windows_height/2; $('#sidebar_container').css('position', 'fixed').css('top', sidebar_position_offset + 'px').css('left', (sidebar_initial_left_distance - left_margin) + 'px'); $('#sidebar_banner_right').css('position', 'fixed').css('top', sidebar_position_offset + 'px').css('left', (sidebar_right_banner_initial_left_distance - left_margin_banner) + 'px'); } else if(highlighted_top_distance + sidebar_position_offset < scroller_margins) { sidebar_position_offset += windows_height/2; $('#sidebar_container').css('position', 'fixed').css('top', sidebar_position_offset + 'px').css('left', (sidebar_initial_left_distance - left_margin) + 'px'); $('#sidebar_banner_right').css('position', 'fixed').css('top', sidebar_position_offset + 'px').css('left', (sidebar_right_banner_initial_left_distance - left_margin_banner) + 'px'); } else if(!sidebar_fixed && scroll_top + sidebar_standard_top_distance > sidebar_offset_top) { $('#sidebar_container').css('position', 'fixed').css('top', '0px').css('left', (sidebar_initial_left_distance - left_margin) + 'px'); $('#sidebar_banner_right').css('position', 'fixed').css('top', '0px').css('left', (sidebar_right_banner_initial_left_distance - left_margin_banner) + 'px'); sidebar_fixed = true; sidebar_initial_top_distance = sidebar_offset_top; } else if(sidebar_fixed && scroll_top + sidebar_standard_top_distance < sidebar_initial_top_distance) { $('#sidebar_container').css('position', 'relative').css('top', '0').css('left', '0'); $('#sidebar_banner_right').css('position', 'relative').css('top', '0').css('left', '0'); sidebar_fixed = false; } for(k in post_divs_distances) if(k < scroll_top + 100 && post_divs_distances[k] != 'selector') first_visible_post = parseInt(post_divs_distances[k]); if(first_visible_post > 0 && first_visible_post <= post_divs_distances.length + 1) { $('#nav_post' + nav_highlighted).css('opacity', ''); $('#nav_post' + first_visible_post).css('opacity', '1'); nav_highlighted = first_visible_post; } clearTimeout(thread_onscroll_timeout); thread_onscroll_timeout = setTimeout(function () {thread_onscroll();}, 200); } function init_quoted_extra() { $(".quoted_post_level_1").each(function() { if($(this).text().length < 500) return; if($(this).next('.quoted_extra_clickable').length != 0) return; $(this).css('display', 'none'); $(this).after('<div class="quoted_extra_clickable">...</div>'); }); } function quoted_extra_click(e) { $(e).css('display', 'none'); $(e).prev().css('display', 'block'); build_post_divs_distance() } $( document ).ready(function() { $(".post_censored").on('click', function(event){ event.stopPropagation(); event.stopImmediatePropagation(); var post_id = $(this).closest(".post").attr('id').replace('post', ''); console.log(post_id); censored_post = $(this).closest(".post_body"); $(this).closest(".post_body").css('opacity', '0.3'); /* $.ajax({ url: "?load_censored_post=" + post_id, type: 'GET', dataType: 'html', success: function(data){ console.log(nk.censored_post); nk.censored_post.html(data); } }); */ $.post(window.location, {'load_censored_post': post_id}, function(data) { // alert('POST was successful. Server says: ' + data); console.log(censored_post); $(censored_post).html(data); $(censored_post).css('opacity', '1'); }); }); }); function thread_selector_mouseup() { } function thread_init_selection() { if(!window.location.hash || !window.location.hash.match(/^#selection:([0-9]+)\.([0-9]+)\.([0-9]+)$/)) return; nk.is_select_ref = 1; var temp = window.location.hash.match(/^#selection:([0-9]+)\.([0-9]+)\.([0-9]+)$/); var post = temp[1], start = temp[2], end = parseInt(start) + parseInt(temp[3]), ts, tr; tr = $('#post' + post).children('.post_body').html().trim(); ts = '<div>' + $('#post' + post).children('.post_body').html().trim() + '</div>'; ts = $(ts); ts.find('.quoted_post').remove(); ts.find('.post_signature').remove(); //ts.find('#selection_url_f').remove(); ts.find('br').replaceWith(' '); ts = ts.html().trim(); var post_verified = '', c; for (var i = 0; i < ts.length; i++) { if(i < start || i >= end) continue; c = ts.charAt(i); post_verified += c; if(c != ' ') continue; if(tr.indexOf(post_verified) != -1) continue; post_verified = post_verified.slice(0, -1); if(tr.indexOf(post_verified + '<br>') != -1) { post_verified += '<br>'; continue; } break; } $('#post' + post).children('.post_body').html( $('#post' + post).children('.post_body').html().replace(post_verified, '<span id="init_selection">' + post_verified + '</span>') ); var offset = (window.innerHeight < $("#init_selection").height()) ? 30 : ((window.innerHeight - $("#init_selection").height()) / 2); $('html,body').animate({scrollTop: $("#init_selection").offset().top - offset},'fast'); ga('send', 'event', 'selection', 'load', {'nonInteraction': 1}); } function thread_init_copy() { $('#thread_container').on("mouseup", function() { var t, te, tr, ts; if($('#selection_url_c:hover').length > 0) { $('#selection_url_c input').select(); ga('send', 'event', 'selection', 'click', {'nonInteraction': 1}); if(typeof nk.push_ts_event !== 'undefined') nk.push_ts_event('selected_link_hover', 1); return; } $('#selection_url_c').remove(); $('#selection_url_f').remove(); if(window.getSelection) t = window.getSelection(); else if(document.getSelection) t = document.getSelection(); else if(document.selection) t = document.selection.createRange().text; if(typeof t === 'undefined' || t.toString().length <= 1) return; if(typeof t.anchorNode === 'undefined' || typeof t.anchorNode.parentElement === 'undefined' || typeof t.anchorNode.parentElement.parentElement === 'undefined') return; te = t.anchorNode.parentElement.parentElement; if(!te.id.match(/^post[0-9]+$/)) return; tr = t.toString().replace(/\n/g, ' ').trim(); ts = '<div>' + $(te).children('.post_body').html().trim() + '</div>'; ts = $(ts); ts.find('.quoted_post').remove(); ts.find('.post_signature').remove(); //ts.find('#selection_url_f').remove(); ts.find('br').replaceWith(' '); ts = ts.html().trim(); if(ts.indexOf(tr) == -1) return; var hash = document.location.href.match(/\.narkive\.com\/([a-zA-Z0-9]{8})/); if (typeof hash[1] === 'undefined') return; hash = hash[1]; var fix_index = 0; if(ts.indexOf('init_selection') < ts.indexOf(tr) && ts.indexOf('init_selection') != -1) fix_index = 33; //console.log(ts); //console.log(fix_index); if(typeof nk.push_ts_event !== 'undefined') nk.push_ts_event('selected_char_count', tr.length); var url = 'https://narkive.com/' + hash + ':' + te.id.replace('post', '') + '.' + (ts.indexOf(tr) - fix_index) + '.' + tr.length; setTimeout(function() { try { var range = document.createRange(); range.setStart(t.focusNode, t.focusOffset); range.insertNode($('<span id="selection_url_f"></span>').get(0)); var selection_button = $('<div style="top: ' + $('#selection_url_f').offset().top + 'px" id="selection_url_c">Selection Permalink:<input type="text" value="'+url+'"></div>').get(0); $('#thread_container').append(selection_button); //console.log(selection_button); } catch (e) {} }, 10); }); } /* function thread_similarbar(hash) { if(/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent)) return; $.get( "https://" + document.domain + "/ajax/similarbar?hash=" + hash, function( data ) { $('#thread_navigation').after(data); }); } */ function thread_suggested_reading(hash) { if(/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent)) return; $.get( "https://" + document.domain + "/ajax/suggestedreading?hash=" + hash, function( data ) { $('#thread_container').append(data); }); } $( window ).scroll(function () { thread_onscroll(); }); $( document ).ready(function() { init_quoted_extra(); thread_onscroll(); /*thread_check_adv();*/ thread_init_copy(); thread_init_selection(); }); </script> <script type="text/javascript"> /* thread_similarbar('kVYTGSE3');*/ /* thread_suggested_reading('kVYTGSE3'); */ </script> <style type="text/css"> </style> <script type="text/javascript"> $( document ).ready(function() { var targetNodes = $(".adsbygoogle"); var MutationObserver = window.MutationObserver || window.WebKitMutationObserver; var myObserver = new MutationObserver (mutationHandler); var obsConfig = { attributes: true }; targetNodes.each ( function () { myObserver.observe (this, obsConfig); } ); function mutationHandler (mutationRecords) { mutationRecords.forEach ( function (mutation) { if(mutation.type == 'attributes' && mutation.attributeName == 'data-ad-status') { var jq = $(mutation.target).attr('data-ad-status'); if(jq == 'filled') { nk.adsense_status.filled++; } if(jq == 'unfilled') { nk.adsense_status.unfilled++; } nk.ts_suggestPushEvent = 1; } } ); } var testURL = "https://" + document.domain + "/s/_adverts.js" var myInit = { method: 'HEAD', mode: 'no-cors' }; var myRequest = new Request(testURL, myInit); fetch(myRequest).then(function(response) { return response; }).then(function(response) { nk.adb = 'disabled'; nk.ts_suggestPushEvent = 1; }).catch(function(e){ nk.adb = 'enabled'; nk.ts_suggestPushEvent = 1; }); }); </script> <div style="height: 50px"></div> </div> <div id="footer_wrapper"> <div id="footer_links"> <a href="https://narkive.com/about">about</a> - <a href="https://narkive.com/legalese">legalese</a> </div>  </div> <div id="ajax_loading">Loading...</div> <div id="overflow"></div> <div id="overflow_message"> <div id="overflow_message_header"> </div> <div id="overflow_message_content"> </div> <div id="overflow_message_actions"> </div> </div> </body></html>