According to the following website, how would you reference an URL to the following HTML codes?

Question:

pikachu1234

2010-12-19 02:32:07 UTC

Apparently, I'm trying to add the falling snow to my HTML codes for one of my blog, but the site for the falling snow code is telling me to "Be sure variable "snowsrc" in the above code correctly references the full URL path to the image used. Enjoy!"

The website for the falling snow theme I'm using is: http://www.dynamicdrive.com/dynamicindex3/snow.htm

So what I did was I save a gif image of the snowflake I wanted as indicated in step 1 in my desktop. But, how do I identify the URL path to it and how do I proceed from there? The instructions aren't very clear.

Thanks in advance for the guidance!

Four answers:

anonymous

2010-12-20 01:41:43 UTC

The full URL does not need to be used. For instance, if the file using the falling snow and the images being used are BOTH in the same folder, then just use:

var snowsrc="snow.gif"

If the file is in one folder and the images are in a folder called "images", then:

var snowsrc="images/snow.gif"

If you plan to use snow on all pages (not recommended), then it might be better to use the full URL unless you know how to set up the relative paths for all pages. Full URL example:

var snowsrc="http://domain_name.com/images/snow.gif"

Ron

joachim h

2010-12-22 20:53:06 UTC

So Javascript has raised its ugly head again I see! When you use these sites there is a general assumption that you know a little about Javascript but is not always the case, if you do n ot mind me saying so? I will talk you through the bits that you can change and what it all means.

//Configure below to change URL path to the snow image

var snowsrc="snow.gif"

// Configure below to change number of snow to render

var no = 10;

// Configure whether snow should disappear after x seconds (0=never):

var hidesnowtime = 0;

// Configure how much snow should drop down before fading ("windowheight" or "pageheight")

var snowdistance = "pageheight";

The first line begins with //....programmers use this to insert notes regarding their coding in order to help them to remember what they are doing. In this case the programmer has left notes for you.

var stands for variable in JS and it can looked upon like a box and the name of the box is snowsrc.In the first var, (box) you have the name and path of your snowflake, in this case snow.gif. So, if you save the gif of the snowflake and upload it to your site into your image folder for example, then you will need to change the path of the gif to "images/snow.gif" in the javascript itself. The variable will now read

var snowsrc="images/snow.gif" and that is all he is asking you to do. You can also change the values of the other variables to change the look to the whole thing. So here is a recap..

1 Copy the snow and upload to your site.

2. Copy and paste the JS code into the the body of your page, that is anywhere between and .

If you have uploaded the image to a folder then you will need to change the JS code as shown..if you have just uploaded up to your site then you shouldn't need to change anything.

Upload your page with the JS in it and view it in your browser and bingo! it should all work.

Hope it goes ok..Merry Xmas!

Ron P

2010-12-19 02:47:10 UTC

You must upload the image to the server that your webpage is hosted on. If you upload to the same folder that the page is on then you dont have to change anything. If you dont know what the path is then after you upload to server right click the image and properitys this will show you the path. You can also use there image by useing

http://www.dynamicdrive.com/dynamicindex3/snow.gif

fairweather

2016-10-20 04:08:44 UTC

the thank you to place HTML code in a textarea or scroll container so it relatively is copied/pasted: you may deactivate the HTML code by ability of making it look as text textile in whichever container you utilize. The code I tutor decrease than WILL paintings because it relatively is been examined. To have energetic code to be clickable interior the scroll container, you need to use a div type scroll container and not one using the "textarea" tags. exchange each and all the hollow tag symbols, "<", to the character entity, & lt ; (without areas) as & lt ; (without areas) = <. this could deactivate the HTML code interior the textarea/scroll container, yet enable shoppers viewing the web site to repeat/paste the code. occasion:

& lt;img sort="width: XXpx; width: YYpx; border: 0; src"%link" alt="text textile Description"> /textarea there is not any final tag for the image tag except you're using an XHTML DocType then the image tag is closed with an area and a "/": occasion: & lt;img sort="width: XXpx; width: YYpx; border: 0; src"%link" alt="text textile Description" /&' gt; &' lt; without areas = < and &' gt; without areas = > Ron              
            </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 = '2f03d1cdaa5b';
	    		
	    		if(nk.adb === undefined)
	    			nk.adb = 'enabled';
            
          if(0)
            nk.adb = 'untested';
	    			    		
	    		nk.threadfunction = function() {
		    		$.ajax({
    		  			url: "https://" + document.domain +"/ajax/ThreadViewCounter?hash=C7eq5iyc&nk_session=" + nk.session_id,
    		  			data: {
	    		  			
	    		  			page_version: 1,
	    		  			is_desktop: 1,
	    		  			lang: 'en',
	    		  			replycount: 4,
	    		  			views: 1,
	    		  			
	    		  			type: 'ya',
	    		  			
	    		  			simqa: 0,
	    		  			simsearchqa: 0,
	    		  			simsearch: 0,
	    		  			
	    		  			url: window.location.href,
	    		  			hash: 'C7eq5iyc',
	    		  			cat: document.domain.replace('.narkive.', '.'),
	    		  			path: window.location.pathname,
	    		  				    		  			
	    		  			title: 'According to the following website, how would you reference an URL to the following HTML codes?',
	    		  			
	    		  			
	    		  			recency: 3073,
	    		  			
	    		  				    		  			ads_filter: 'pass',
	    		  				    		  			
	    		  		//	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>

</style>

.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>

@media screen and (min-width: 1500px) {

#sidebar_banner_right {
    margin-left: 80px;
}

}

</style>

</div>

</div>

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 || typeof($('.sidebar_banner_placeholder_1').offset()) === 'undefined')
    {
        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_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>

</style>

$( 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 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 id="lang_selector">
<div id="lang_select">Contents in English</div>

<a href="?set_lang=zh-cn" class="lang_select_bit">Chinese</a><a href="?set_lang=zh-tw" class="lang_select_bit">Chinese</a><a href="?set_lang=hr" class="lang_select_bit">Croatian</a><a href="?set_lang=cs" class="lang_select_bit">Czech</a><a href="?set_lang=da" class="lang_select_bit">Danish</a><a href="?set_lang=nl" class="lang_select_bit">Dutch</a><a href="?set_lang=en" class="lang_select_bit">English</a><a href="?set_lang=et" class="lang_select_bit">Estonian</a><a href="?set_lang=fi" class="lang_select_bit">Finnish</a><a href="?set_lang=fr" class="lang_select_bit">French</a><a href="?set_lang=de" class="lang_select_bit">German</a><a href="?set_lang=el" class="lang_select_bit">Greek</a><a href="?set_lang=he" class="lang_select_bit">Hebrew</a><a href="?set_lang=hi" class="lang_select_bit">Hindi</a><a href="?set_lang=hu" class="lang_select_bit">Hungarian</a><a href="?set_lang=id" class="lang_select_bit">Indonesian</a><a href="?set_lang=it" class="lang_select_bit">Italian</a><a href="?set_lang=ja" class="lang_select_bit">Japanese</a><a href="?set_lang=ko" class="lang_select_bit">Korean</a><a href="?set_lang=no" class="lang_select_bit">Norwegian</a><a href="?set_lang=pl" class="lang_select_bit">Polish</a><a href="?set_lang=pt" class="lang_select_bit">Portuguese</a><a href="?set_lang=ru" class="lang_select_bit">Russian</a><a href="?set_lang=sr" class="lang_select_bit">Serbian</a><a href="?set_lang=es" class="lang_select_bit">Spanish</a><a href="?set_lang=sv" class="lang_select_bit">Swedish</a><a href="?set_lang=th" class="lang_select_bit">Thai</a><a href="?set_lang=tr" class="lang_select_bit">Turkish</a><a href="?set_lang=vi" class="lang_select_bit" style="border-bottom: none;">Vietnamese</a>	
	</div>
	
	<div id="lang_select_cont_end"></div>
	
</div>

</div>
-->

</div>

<div id="ajax_loading">Loading...</div>