943,964 Members | Top Members by Rank

Web Development > JavaScript / DHTML / AJAX > Javascript browser detection (and then if IE activate script)
Ad:
Permalink
Jan 19th, 2007
0

Javascript browser detection (and then if IE activate script)

Expand Post »
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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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
Similar Threads
Reputation Points: 32
Solved Threads: 3
Posting Whiz in Training
MaxMumford is offline Offline
228 posts
since Oct 2006
Permalink
Jan 19th, 2007
0

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

>I have some script which doesnt work at all in firefox or other browsers

Oooh, that sounds bad. What are you tryin to do?
Featured Poster
Reputation Points: 1536
Solved Threads: 431
Posting Expert
iamthwee is offline Offline
5,865 posts
since Aug 2005
Permalink
Jan 19th, 2007
0

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

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.
Moderator
Featured Poster
Reputation Points: 522
Solved Threads: 64
Veteran Poster
MattEvans is offline Offline
1,091 posts
since Jul 2006
Permalink
Jan 19th, 2007
0

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

You can check my comments on your other thread.
http://www.daniweb.com/techtalkforums/thread67804.html
Reputation Points: 48
Solved Threads: 7
Posting Whiz
aniseed is offline Offline
353 posts
since Apr 2006

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.
Message:
Previous Thread in JavaScript / DHTML / AJAX Forum Timeline: Javascript browser checker and script activator
Next Thread in JavaScript / DHTML / AJAX Forum Timeline: Easy? Image in Form content?





About Us | Contact Us | Advertise | Acceptable Use Policy
Forum Index | Build Custom RSS Feed


Follow us on Twitter


© 2011 DaniWeb® LLC