http://snippets.dzone.com/posts Sun, 07 Sep 2008 01:46:00 GMT DZone Snippets: javascript code http://snippets.dzone.com/posts/show/5502 Finding the URL presented to the browser, instead of the actual location of the page. <br /> <br /><code> <br /><SCRIPT LANGUAGE="JavaScript"> <br /> <br /> <!-- <br /> { <br /> document.write(location.href); <br /> } <br /> // --> <br /></SCRIPT> <br /></code> Fri, 16 May 2008 11:52:55 GMT http://snippets.dzone.com/posts/show/5502 Booma (Alan Coleman) http://snippets.dzone.com/posts/show/4490 This will find any instance of a chosen word and swap it out for another (non case sensitive). It comes courtesy of a moderator on webdeveloper.com <br /> <br /><code> <br /><script type="text/javascript"> <br />var words={ <br />'Bill':'William','Miss':'Mrs' <br />} <br />var regs=[]; <br />for(arg in words){regs[regs.length]=new RegExp(arg,'g')} <br /> <br />window.onload=function replaceText(){ <br />var tags=document.getElementsByTagName('body')[0].getElementsByTagName('*'); <br />var i=0,t; <br /> while(t=tags[i++]){ <br /> if(t.childNodes[0]){ <br /> var j=0, c; <br /> while(c=t.childNodes[j++]){ <br /> if(c.nodeType==3){ <br /> var k=0; <br /> for(arg in words){ <br /> c.nodeValue=c.nodeValue.replace(regs[k],words[arg]); <br /> k++; <br /> } <br /> } <br /> } <br /> } <br /> } <br />} <br /></code> Tue, 04 Sep 2007 14:29:36 GMT http://snippets.dzone.com/posts/show/4490 Booma (Alan Coleman) http://snippets.dzone.com/posts/show/4074 Used for pages with strict doctypes (i.e. no target="_blank"). Automagically adds them back in to links with rel="external" <br /> <br /><code> <br />function externalLinks() { <br /> if (!document.getElementsByTagName) return; <br /> var anchors = document.getElementsByTagName("a"); <br /> for (var i=0; i<anchors.length; i++) { <br /> var anchor = anchors[i]; <br /> if (anchor.getAttribute("href") && anchor.getAttribute("rel") == "external") { <br /> anchor.target = "_blank"; <br /> } <br /> <br />} <br />} <br />window.onload = externalLinks; <br /> <br />////////////// <br /> <br /><a href="whatever" rel="external" title="whatever">Whatever</a> <br /> <br /></code> Wed, 30 May 2007 14:16:55 GMT http://snippets.dzone.com/posts/show/4074 Booma (Alan Coleman) http://snippets.dzone.com/posts/show/4073 <form name="search" id="search"... <br /> <br />'name' is not valid in strict XHTML. So instead use the id <br /> <br /><code> <br /><form id="search"... <br /> <br /><a href="#" onclick="document.forms['search'].submit();return false" title="Search">Search</a> <br /></code> Wed, 30 May 2007 14:08:39 GMT http://snippets.dzone.com/posts/show/4073 Booma (Alan Coleman) http://snippets.dzone.com/posts/show/4061 This is by Chris Poole (http://chrispoole.com) and it works really well. <br /> <br /><code> <br />function domRollover() { <br />if (navigator.userAgent.match(/Opera (\S+)/)) { <br />var operaVersion = parseInt(navigator.userAgent.match(/Opera (\S+)/)[1]); <br />} <br />if (!document.getElementById||operaVersion <7) return; <br />var imgarr=document.getElementsByTagName('img'); <br />var imgPreload=new Array(); <br />var imgSrc=new Array(); <br />var imgClass=new Array(); <br />for (i=0;i<imgarr.length;i++){ <br />if (imgarr[i].className.indexOf('domroll')!=-1){ <br />imgSrc[i]=imgarr[i].getAttribute('src'); <br />imgClass[i]=imgarr[i].className; <br />imgPreload[i]=new Image(); <br />if (imgClass[i].match(/domroll (\S+)/)) { <br />imgPreload[i].src = imgClass[i].match(/domroll (\S+)/)[1] <br />} <br />imgarr[i].setAttribute('xsrc', imgSrc[i]); <br />imgarr[i].onmouseover=function(){ <br />this.setAttribute('src',this.className.match(/domroll (\S+)/)[1]) <br />} <br />imgarr[i].onmouseout=function(){ <br />this.setAttribute('src',this.getAttribute('xsrc')) <br />} <br />} <br />} <br />} <br />domRollover(); <br /> <br />// <br /> <br />Where your image would look like this: <br /> <br /><img src="images/b_news.gif" alt="News" class="domroll images/b_news_roll.gif" /> <br /> <br /> <br /> <br /></code> Thu, 24 May 2007 16:23:43 GMT http://snippets.dzone.com/posts/show/4061 Booma (Alan Coleman) http://snippets.dzone.com/posts/show/4060 This should set x to anything before an instance of the string ".gif" <br /> <br /><code> <br /> x=getAttribute('src') <br /> x=x.substring(0, x.indexOf('.gif')); <br /></code> Thu, 24 May 2007 16:20:22 GMT http://snippets.dzone.com/posts/show/4060 Booma (Alan Coleman) http://snippets.dzone.com/posts/show/3366 This function will format a large number like 23000456 to 23,000,456 <br /> <br /><code> <br />function addCommas(nStr) <br />{ <br /> nStr += ''; <br /> x = nStr.split('.'); <br /> x1 = x[0]; <br /> x2 = x.length > 1 ? '.' + x[1] : ''; <br /> var rgx = /(\d+)(\d{3})/; <br /> while (rgx.test(x1)) { <br /> x1 = x1.replace(rgx, '$1' + ',' + '$2'); <br /> } <br /> return x1 + x2; <br />} <br /> <br /> example = addCommas(example); <br /> <br /></code> Thu, 25 Jan 2007 19:59:44 GMT http://snippets.dzone.com/posts/show/3366 Booma (Alan Coleman) http://snippets.dzone.com/posts/show/3269 In this instance the relevant form is called 'search_form'. This is specified in the a tag version because it's not an input and as such cannot have submit or reset associated with it. <br /> <br /><code> <br /> <input type="submit" value="Search" onclick="javascript:return text_validate()" /> <br /> <input type="reset" value="Reset" /> <br /> <input type="button" value="Show All News" onclick="javascript:return showAll();" title="Show all news button." /> <br /> <br />Could be shown as: <br /> <br /> <a class="blockbutton" title="Search" href="javascript:document.search_form.submit();" onclick="javascript:return text_validate();">Search</a> <br /> <a class="blockbutton" title="Reset" href="javascript:document.search_form.reset();">Reset</a> <br /> <a class="blockbutton" title="Show All News" href="javascript:showAll();">Show All News</a> <br /> <br /></code> <br /> <br />Okay, as pointed out by Blonkm this is bad for usability. A better way of doing things would be like this: <br /> <br /><code> <br /><script type="text/javascript"> <br /> function doSubmit(){ <br /> document.getElementById("whatever").submit(); <br /> return true; <br /> } <br /></script> <br /> <br /><a href="#" onclick="doSubmit();return false;" title="Search">Link</a> <br /> <br /></code> Wed, 10 Jan 2007 22:23:49 GMT http://snippets.dzone.com/posts/show/3269 Booma (Alan Coleman) http://snippets.dzone.com/posts/show/2722 The standard HTML element for users to submit a form is the <input type="submit"> button. Though it is possible to change the formatting of the standard grey button to a certain degree, you can't utilise rollover states. <br /> <br />If you want greater control over the design of the submit button, then an alternative is to use an anchor link, with a Javascript function to submit the form. The format is as follows: <br /> <br /> <br /><code> <br /><a href="javascript:void(document.[form name attribute].submit())">[Link text]</a> <br /> <br />eg: <a href="javascript:void(document.frmForm.submit())">Submit this Book Review to us!</a> <br /> <br /></code> <br /> <br />You can then utilise style classes the same as you would for any other anchor link. <br /> <br />If you need to do some JavaScript form validation, then simply replace the submit call with the name of your JavaScript function to validate the form, and move the submit call to the end of the form validation function code. <br /> <br /> Wed, 27 Sep 2006 15:34:26 GMT http://snippets.dzone.com/posts/show/2722 Booma (Alan Coleman)