Javascript browser detection (and then if IE activate script)

Please support our JavaScript / DHTML / AJAX advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases
Reply

Join Date: Oct 2006
Posts: 198
Reputation: MaxMumford is an unknown quantity at this point 
Solved Threads: 1
MaxMumford's Avatar
MaxMumford MaxMumford is offline Offline
Junior Poster

Javascript browser detection (and then if IE activate script)

 
0
  #1
Jan 19th, 2007
Hi all,

I have some script which doesnt work at all in firefox or other browsers, and i was wondering how to make a browser checker script which checked if the user was using IE, and if they are, show the script. If not, write somthing else for example "Go to the gallery page to see our pictures". Im not very good with javascript but am good with html and css. below is a copy of the script which does not work in FF. Thanks!!!

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
  1. <script language="JavaScript">
  2. <!--
  3. function random_content(){ //function name
  4. var mycontent=new Array() //mycontent=arrey1
  5. mycontent[0]='<a class="randomthumb" target="_blank" href="images/pics/previews/black forna PREVIEW.jpg"><img src="<a rel="nofollow" class="t" href="http://grafax.co.uk/newtest/images/pics/thumbnails/black" target="_blank">http://grafax.co.uk/newtest/images/p...umbnails/black</a> forna thumb.jpg" /></a>'
  6. mycontent[1]='<a class="randomthumb" target="_blank" href="images/pics/previews/black lillies PREVIEW.jpg"><img src="<a rel="nofollow" class="t" href="http://grafax.co.uk/newtest/http://grafax.co.uk/newtest/images/pics/thumbnails/black%20lillies%20thumb.jpg" target="_blank">http://grafax.co.uk/newtest/http://g...es%20thumb.jpg</a>" />'
  7. mycontent[2]='<a class="randomthumb" target="_blank" href="images/pics/previews/blue shell PREVIEW.jpg"><img src="<a rel="nofollow" class="t" href="http://grafax.co.uk/newtest/images/pics/thumbnails/blue" target="_blank">http://grafax.co.uk/newtest/images/pics/thumbnails/blue</a> shell thumb.jpg" />'
  8. mycontent[3]='<a class="randomthumb" target="_blank" href="images/pics/previews/blue zoom PREVIEW.jpg"><img src="<a rel="nofollow" class="t" href="http://grafax.co.uk/newtest/images/pics/thumbnails/Blue" target="_blank">http://grafax.co.uk/newtest/images/pics/thumbnails/Blue</a> Zoom thumb.jpg" />'
  9. mycontent[4]='<a class="randomthumb" target="_blank" href="images/pics/previews/brown abstract PREVIEW.jpg"><img src="<a rel="nofollow" class="t" href="http://grafax.co.uk/newtest/images/pics/thumbnails/brown" target="_blank">http://grafax.co.uk/newtest/images/p...umbnails/brown</a> abstract thumb.jpg" />'
  10. mycontent[5]='<a class="randomthumb" target="_blank" href="images/pics/previews/chrome forna PREVIEW.jpg"><img src="<a rel="nofollow" class="t" href="http://grafax.co.uk/newtest/images/pics/thumbnails/chrome" target="_blank">http://grafax.co.uk/newtest/images/p...mbnails/chrome</a> forna thumb.jpg" />'
  11. mycontent[6]='<a class="randomthumb" target="_blank" href="images/pics/previews/dark dreams PREVIEW.jpg"><img src="<a rel="nofollow" class="t" href="http://grafax.co.uk/newtest/images/pics/thumbnails/dark" target="_blank">http://grafax.co.uk/newtest/images/pics/thumbnails/dark</a> dreams thumb.jpg" />'
  12. mycontent[7]='<a class="randomthumb" target="_blank" href="images/pics/previews/deco drop PREVIEW.jpg"><img src="<a rel="nofollow" class="t" href="http://grafax.co.uk/newtest/images/pics/thumbnails/deco" target="_blank">http://grafax.co.uk/newtest/images/pics/thumbnails/deco</a> drop thumb.jpg" />'
  13. mycontent[8]='<a class="randomthumb" target="_blank" href="images/pics/previews/deco smudge PREVIEW.jpg"><img src="<a rel="nofollow" class="t" href="http://grafax.co.uk/newtest/images/pics/thumbnails/deco" target="_blank">http://grafax.co.uk/newtest/images/pics/thumbnails/deco</a> smudge thumb.jpg" />'
  14. mycontent[9]='<a class="randomthumb" target="_blank" href="images/pics/previews/directional PREVIEW.jpg"><img src="<a rel="nofollow" class="t" href="http://grafax.co.uk/newtest/images/pics/thumbnails/directional" target="_blank">http://grafax.co.uk/newtest/images/p...ls/directional</a> thumb.jpg" />'
  15. mycontent[10]='<a class="randomthumb" target="_blank" href="images/pics/previews/downward shine PREVIEW.jpg"><img src="<a rel="nofollow" class="t" href="http://grafax.co.uk/newtest/images/pics/thumbnails/downward" target="_blank">http://grafax.co.uk/newtest/images/p...nails/downward</a> shine thumb.jpg" />'
  16. mycontent[11]='<a class="randomthumb" target="_blank" href="images/pics/previews/falling flower PREVIEW.jpg"><img src="<a rel="nofollow" class="t" href="http://grafax.co.uk/newtest/images/pics/thumbnails/falling" target="_blank">http://grafax.co.uk/newtest/images/p...bnails/falling</a> flower thumb.jpg" />'
  17. mycontent[12]='<a class="randomthumb" target="_blank" href="images/pics/previews/glow frame PREVIEW.jpg"><img src="<a rel="nofollow" class="t" href="http://grafax.co.uk/newtest/images/pics/thumbnails/glow" target="_blank">http://grafax.co.uk/newtest/images/pics/thumbnails/glow</a> frame thumb.jpg" />'
  18. mycontent[13]='<a class="randomthumb" target="_blank" href="images/pics/previews/glowing metropolis PREVIEW.jpg"><img src="<a rel="nofollow" class="t" href="http://grafax.co.uk/newtest/images/pics/thumbnails/glowing" target="_blank">http://grafax.co.uk/newtest/images/p...bnails/glowing</a> metropolis thumb.jpg" />'
  19. mycontent[14]='<a class="randomthumb" target="_blank" href="images/pics/previews/grey forna PREVIEW.jpg"><img src="<a rel="nofollow" class="t" href="http://grafax.co.uk/newtest/images/pics/thumbnails/grey" target="_blank">http://grafax.co.uk/newtest/images/pics/thumbnails/grey</a> forna thumb.jpg" />'
  20. mycontent[15]='<a class="randomthumb" target="_blank" href="images/pics/previews/hippie warp PREVIEW.jpg"><img src="<a rel="nofollow" class="t" href="http://grafax.co.uk/newtest/images/pics/thumbnails/hippie" target="_blank">http://grafax.co.uk/newtest/images/p...mbnails/hippie</a> warp thumb.jpg" />'
  21. mycontent[16]='<a class="randomthumb" target="_blank" href="images/pics/previews/light beam PREVIEW.jpg"><img src="<a rel="nofollow" class="t" href="http://grafax.co.uk/newtest/images/pics/thumbnails/light" target="_blank">http://grafax.co.uk/newtest/images/p...umbnails/light</a> beam thumb.jpg" />'
  22. mycontent[17]='<a class="randomthumb" target="_blank" href="images/pics/previews/lights PREVIEW.jpg"><img src="<a rel="nofollow" class="t" href="http://grafax.co.uk/newtest/images/pics/thumbnails/lights" target="_blank">http://grafax.co.uk/newtest/images/p...mbnails/lights</a> thumb.jpg" />'
  23. mycontent[18]='<a class="randomthumb" target="_blank" href="images/pics/previews/liquid metropolis PREVIEW.jpg"><img src="<a rel="nofollow" class="t" href="http://grafax.co.uk/newtest/images/pics/thumbnails/liquid" target="_blank">http://grafax.co.uk/newtest/images/p...mbnails/liquid</a> metropolis thumb.jpg" />'
  24. mycontent[19]='<a class="randomthumb" target="_blank" href="images/pics/previews/liquified explosion PREVIEW.jpg"><img src="<a rel="nofollow" class="t" href="http://grafax.co.uk/newtest/images/pics/thumbnails/liquified" target="_blank">http://grafax.co.uk/newtest/images/p...ails/liquified</a> explosion thumb.jpg" />'
  25. mycontent[20]='<a class="randomthumb" target="_blank" href="images/pics/previews/metallic crash PREVIEW.jpg"><img src="<a rel="nofollow" class="t" href="http://grafax.co.uk/newtest/images/pics/thumbnails/metallic" target="_blank">http://grafax.co.uk/newtest/images/p...nails/metallic</a> crash thumb.jpg" />'
  26. mycontent[21]='<a class="randomthumb" target="_blank" href="images/pics/previews/pink shell PREVIEW.jpg"><img src="<a rel="nofollow" class="t" href="http://grafax.co.uk/newtest/images/pics/thumbnails/pink" target="_blank">http://grafax.co.uk/newtest/images/pics/thumbnails/pink</a> shell thumb.jpg" />'
  27. mycontent[22]='<a class="randomthumb" target="_blank" href="images/pics/previews/radius PREVIEW.jpg"><img src="<a rel="nofollow" class="t" href="http://grafax.co.uk/newtest/images/pics/thumbnails/radius" target="_blank">http://grafax.co.uk/newtest/images/p...mbnails/radius</a> thumb.jpg" />'
  28. mycontent[23]='<a class="randomthumb" target="_blank" href="images/pics/previews/rose smear PREVIEW.jpg"><img src="<a rel="nofollow" class="t" href="http://grafax.co.uk/newtest/images/pics/thumbnails/rose" target="_blank">http://grafax.co.uk/newtest/images/pics/thumbnails/rose</a> smear thumb.jpg" />'
  29. mycontent[24]='<a class="randomthumb" target="_blank" href="images/pics/previews/shockwave blast PREVIEW.jpg"><img src="<a rel="nofollow" class="t" href="http://grafax.co.uk/newtest/images/pics/thumbnails/shockwave" target="_blank">http://grafax.co.uk/newtest/images/p...ails/shockwave</a> blast thumb.jpg" />'
  30. mycontent[25]='<a class="randomthumb" target="_blank" href="images/pics/previews/shockwave focus PREVIEW.jpg"><img src="<a rel="nofollow" class="t" href="http://grafax.co.uk/newtest/images/pics/thumbnails/shockwave" target="_blank">http://grafax.co.uk/newtest/images/p...ails/shockwave</a> focus thumb.jpg" />'
  31. mycontent[26]='<a class="randomthumb" target="_blank" href="images/pics/previews/shockwave spotlight PREVIEW.jpg"><img src="<a rel="nofollow" class="t" href="http://grafax.co.uk/newtest/images/pics/thumbnails/shockwave" target="_blank">http://grafax.co.uk/newtest/images/p...ails/shockwave</a> spotlight thumb.jpg" />'
  32. mycontent[27]='<a class="randomthumb" target="_blank" href="images/pics/previews/surface PREVIEW.jpg"><img src="<a rel="nofollow" class="t" href="http://grafax.co.uk/newtest/images/pics/thumbnails/surface" target="_blank">http://grafax.co.uk/newtest/images/p...bnails/surface</a> thumb.jpg" />'
  33. mycontent[28]='<a class="randomthumb" target="_blank" href="images/pics/previews/traveling light PREVIEW.jpg"><img src="<a rel="nofollow" class="t" href="http://grafax.co.uk/newtest/images/pics/thumbnails/traveling" target="_blank">http://grafax.co.uk/newtest/images/p...ails/traveling</a> light thumb.jpg" />'
  34. mycontent[29]='<a class="randomthumb" target="_blank" href="images/pics/previews/trilight PREVIEW.jpg"><img src="<a rel="nofollow" class="t" href="http://grafax.co.uk/newtest/images/pics/thumbnails/trilight" target="_blank">http://grafax.co.uk/newtest/images/p...nails/trilight</a> thumb.jpg" />'
  35. mycontent[30]='<a class="randomthumb" target="_blank" href="images/pics/previews/white forna PREVIEW.jpg"><img src="<a rel="nofollow" class="t" href="http://grafax.co.uk/newtest/images/pics/thumbnails/white" target="_blank">http://grafax.co.uk/newtest/images/p...umbnails/white</a> forna thumb.jpg" />'
  36. mycontent[31]='<a class="randomthumb" target="_blank" href="images/pics/previews/yellow shell PREVIEW.jpg"><img src="<a rel="nofollow" class="t" href="http://grafax.co.uk/newtest/images/pics/thumbnails/yellow" target="_blank">http://grafax.co.uk/newtest/images/p...mbnails/yellow</a> shell thumb.jpg" />'
  37. var num=Math.floor(Math.random()*mycontent.length) //random math
  38. document.write(mycontent[num]) //write randomly chosen picture
  39. }
  40. random_content()
  41. //-->
  42. </script>


(also, if anybody has any idea how to make the script browser friendly please say! Thanks )
Last edited by MaxMumford; Jan 19th, 2007 at 4:44 pm. Reason: forgot to put code in code box
Ill solve somebody's thread someday! xD
Reply With Quote Quick reply to this message  
Join Date: Aug 2005
Posts: 5,264
Reputation: iamthwee is a splendid one to behold iamthwee is a splendid one to behold iamthwee is a splendid one to behold iamthwee is a splendid one to behold iamthwee is a splendid one to behold iamthwee is a splendid one to behold iamthwee is a splendid one to behold iamthwee is a splendid one to behold 
Solved Threads: 377
Featured Poster
iamthwee's Avatar
iamthwee iamthwee is offline Offline
Posting Expert

Re: Javascript browser detection (and then if IE activate script)

 
0
  #2
Jan 19th, 2007
>I have some script which doesnt work at all in firefox or other browsers

Oooh, that sounds bad. What are you tryin to do?
*Voted best profile in the world*
Reply With Quote Quick reply to this message  
Join Date: Jul 2006
Posts: 1,091
Reputation: MattEvans is a jewel in the rough MattEvans is a jewel in the rough MattEvans is a jewel in the rough 
Solved Threads: 63
Moderator
Featured Poster
MattEvans's Avatar
MattEvans MattEvans is offline Offline
Veteran Poster

Re: Javascript browser detection (and then if IE activate script)

 
0
  #3
Jan 19th, 2007
Make sure that you call the script when the document has finished loading (that will mean that you will not be able to use document.write()) , otherwise make sure you don't use the XHTML doctype.

The XHTML doctype forbids document.write() because it messes with the output document tree during rendering.(http://www.w3.org/MarkUp/2004/xhtml-faq#docwrite)

If you're not using XHTML (you'll know if your not) it still pays to avoid using hacky Javascript methods to generate HTML elements during rendering. What you're doing (or perhaps the way you're doing it) would be better suited to a server side scripting language.

Personally, I would define a single array, containing only the unique identifier for each thumb and preview pair, for example:

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
  1. <script language="JavaScript">
  2. <!--
  3. function random_content(prefix){
  4.  
  5. //build the array
  6. var mycontent=new Array();
  7. mycontent[0]='black forna';
  8. mycontent[1]='black lillies';
  9. mycontent[2]='blue shell';
  10. //.. etc..
  11.  
  12. //choose the random identifier
  13. var num=Math.floor(Math.random()*mycontent.length);
  14. myname = mycontent[num];
  15.  
  16. //change the src / href of prefixed attributes according to the chosen identifier
  17. document.getElementById(prefix + "_hyperlink").href = "images/pics/previews/" + myname + " PREVIEW.jpg";
  18. document.getElementById(prefix + "_image").src = "http://grafax.co.uk/newtest/images/p...umbnails/" + myname + " thumb.jpg";
  19. }
  20. -->
  21. </script>

And then, you can create the object and invoke the randomness using markup as follows:

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
  1. <body onload="random_content('random1');">
  2. <!--your other markup here-->
  3. <a id="random1_hyperlink" class="randomthumb" target="_blank">
  4. <img id="random1_image" />
  5. </a>
  6. <!--your other markup here-->
  7. </body>

A bit more manageable maybe? Post back if you have problems with that.
Plato forgot the nullahedron..
Reply With Quote Quick reply to this message  
Join Date: Apr 2006
Posts: 353
Reputation: aniseed is an unknown quantity at this point 
Solved Threads: 6
aniseed's Avatar
aniseed aniseed is offline Offline
Posting Whiz

Re: Javascript browser detection (and then if IE activate script)

 
0
  #4
Jan 19th, 2007
You can check my comments on your other thread.
http://www.daniweb.com/techtalkforums/thread67804.html
Reply With Quote Quick reply to this message  
Reply

This thread is more than three months old.
Perhaps start a new thread instead?
Message:



Similar Threads
Other Threads in the JavaScript / DHTML / AJAX Forum
Thread Tools Search this Thread



About Us | Contact Us | Advertise | DaniWeb | Acceptable Use Policy | RSS Feed

©2003 - 2009 DaniWeb® LLC