473,406 Members | 2,816 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

home > topics > javascript > questions > firefox 2.0 problem with javascript

Join Bytes to post your question to a community of 473,406 software developers and data experts.

Firefox 2.0 problem with Javascript

12
hi all,

i do the following JS code:

Expand|Select|Wrap|Line Numbers
  1. <script language="javascript"> 
  2.  
  3. function hideLevel(id) { 
  4. var thisLevel = document.getElementById(id); 
  5. thisLevel.style.display = "none"; 
  6. } 
  7.  
  8. function showLevel(id) { 
  9. var thisLevel = document.getElementById(id); 
  10. if ( thisLevel.style.display == "none") { 
  11. thisLevel.style.display = "block"; 
  12. } 
  13. else { 
  14. hideLevel(id); 
  15. } 
  16. } 
  17.  
  18. function hideAll() { 
  19. hideLevel("layer1"); 
  20. hideLevel("layer2"); 
  21. hideLevel("layer3"); 
  22.  
  23. } 
  24. </script> 
  25.  
as you see, when i click on some link - the div layer is showing, when i click back - it is hiding.

Firefox is showing nothing. When I click on the link it shows for a milli-second, then disappears.

What can You suggest, please?
Apr 19 '07 #1
14 5519
mrhoo
428 256MB
All I see that is wrong is your script type.
<script language="javascript">

Should be <script type="text/javascript">
IE doesn't care, because it uses jscript, but some other browsers need the
correct type
Apr 19 '07 #2
Expand|Select|Wrap|Line Numbers
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2.  
  3. <html>
  4. <head>
  5.     <title>Untitled</title>
  6. </head>
  7.  
  8. <style>
  9. .box {width:50px; height:50px; border:1px solid #000}
  10. </style>
  11.  
  12. <script> 
  13.  
  14. function hideLevel(id) { 
  15. var thisLevel = document.getElementById(id); 
  16. thisLevel.style.display = "none"; 
  17. } 
  18.  
  19. function showLevel(id) { 
  20. var thisLevel = document.getElementById(id); 
  21. if ( thisLevel.style.display == "none") { 
  22. thisLevel.style.display = "block"; 
  23. } 
  24. else { 
  25. hideLevel(id); 
  26. } 
  27. } 
  28.  
  29. function hideAll() { 
  30. hideLevel("layer1"); 
  31. hideLevel("layer2"); 
  32. hideLevel("layer3"); 
  33.  
  34. } 
  35. </script> 
  36.  
  37. <body>
  38.  
  39. <div class="box" id="layer1"></div>
  40. <div class="box" id="layer2"></div>
  41. <div class="box" id="layer3"></div>
  42.  
  43. <a href="javascript:void(0)" onclick="hideAll()">Hide all</a>
  44. <a href="javascript:void(0)" onclick="hideLevel('layer1')">Hide 1</a>
  45. <a href="javascript:void(0)" onclick="hideLevel('layer2')">Hide 2</a>
  46. <a href="javascript:void(0)" onclick="hideLevel('layer3')">Hide 3</a>
  47. <a href="javascript:void(0)" onclick="showLevel('layer1')">Show 1</a>
  48. <a href="javascript:void(0)" onclick="showLevel('layer2')">Show 2</a>
  49. <a href="javascript:void(0)" onclick="showLevel('layer3')">Show 3</a>
  50.  
  51. </body>
  52. </html>
  53.  
  54.  
everything worked just fine for me!
Apr 19 '07 #3
blobb
12
here is my complete code:

Expand|Select|Wrap|Line Numbers
  1.  
  2. ok. here is the complete code:
  3.  
  4. -------------------------------------------------------------------
  5. <html>
  6.  
  7. <head>
  8.  
  9. <script language=javascript type='text/javascript'>
  10.  
  11. function hideDiv() 
  12.  
  13. {
  14. if (document.getElementById) { // DOM3 = IE5, NS6 
  15. document.getElementById('hideShow').style.visibility = 'hidden';
  16. } 
  17. else { 
  18. if (document.layers) { // Netscape 4 
  19. document.hideShow.visibility = 'hidden'; 
  20. } 
  21. else { // IE 4 
  22. document.all.hideShow.style.visibility = 'hidden'; 
  23. } 
  24. } 
  25. } 
  26.  
  27. function showDiv() { 
  28. if (document.getElementById) { // DOM3 = IE5, NS6 
  29. document.getElementById('hideShow').style.visibility = 'visible'; 
  30. } 
  31. else { 
  32. if (document.layers) { // Netscape 4
  33. document.hideShow.visibility = 'visible';
  34. }
  35. else { // IE 4
  36. document.all.hideShow.style.visibility = 'visible';
  37. }
  38. }
  39. }
  40. </script>
  41.  
  42. <body onLoad = "javascript:hideDiv();">
  43.  
  44. <div>
  45.  
  46. <a href onClick="showDiv('hideShow');" style="cursor: hand">
  47. <img src = "file://D:/webroot/site_pics/bo.jpg"></a>
  48. </div>
  49.  
  50. <div id="hideShow">
  51. <img src = "file://D:/webroot/site_pics/bo_big.jpg" onClick = "hideDiv('hideShow');">
  52. </div>
  53.  
  54. </body>
  55. </html>
  56.  
  57. ---------------------------------------------------------------- 

interesting thing is that i have tried it without images, just with simple text - AND IT WORKS!
and when I insert images - no result.
Apr 20 '07 #4
drhowarddrfine
7,435 Expert 4TB
This won't work:
<a href onClick="showDiv('hideShow');" style="cursor: hand">
The href isn't equal to anything. Also, change onClick to lower case.
In addition, 'hand' is not standard and IE only.

Other points:
1) I assume you are using a valid doctype? You will never get IE to pretend it's a modern browser without one.

You still need to change to this:
<script type="text/javascript">
Apr 20 '07 #5
acoder
16,027 Expert Mod 8TB
interesting thing is that i have tried it without images, just with simple text - AND IT WORKS!
and when I insert images - no result.
That means it does work.

Firefox will not let you access local files using Javascript whilst IE does.

I'm afraid the only solution is to use web images, not images from your hard drive.

Even so, you should correct your errors as drhowarddrfine pointed out.
Apr 20 '07 #6
blobb
12
Expand|Select|Wrap|Line Numbers
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2.  
  3. <html>
  4. <head>
  5.     <title>Untitled</title>
  6. </head>
  7.  
  8. <style>
  9. .box {width:50px; height:50px; border:1px solid #000}
  10. </style>
  11.  
  12. <script> 
  13.  
  14. function hideLevel(id) { 
  15. var thisLevel = document.getElementById(id); 
  16. thisLevel.style.display = "none"; 
  17. } 
  18.  
  19. function showLevel(id) { 
  20. var thisLevel = document.getElementById(id); 
  21. if ( thisLevel.style.display == "none") { 
  22. thisLevel.style.display = "block"; 
  23. } 
  24. else { 
  25. hideLevel(id); 
  26. } 
  27. } 
  28.  
  29. function hideAll() { 
  30. hideLevel("layer1"); 
  31. hideLevel("layer2"); 
  32. hideLevel("layer3"); 
  33.  
  34. } 
  35. </script> 
  36.  
  37. <body>
  38.  
  39. <div class="box" id="layer1"></div>
  40. <div class="box" id="layer2"></div>
  41. <div class="box" id="layer3"></div>
  42.  
  43. <a href="javascript:void(0)" onclick="hideAll()">Hide all</a>
  44. <a href="javascript:void(0)" onclick="hideLevel('layer1')">Hide 1</a>
  45. <a href="javascript:void(0)" onclick="hideLevel('layer2')">Hide 2</a>
  46. <a href="javascript:void(0)" onclick="hideLevel('layer3')">Hide 3</a>
  47. <a href="javascript:void(0)" onclick="showLevel('layer1')">Show 1</a>
  48. <a href="javascript:void(0)" onclick="showLevel('layer2')">Show 2</a>
  49. <a href="javascript:void(0)" onclick="showLevel('layer3')">Show 3</a>
  50.  
  51. </body>
  52. </html>
  53.  
  54.  
everything worked just fine for me!
yes. this helped, thanks a lot, man!
as i understood, the problem was "javascript:void(0)" - i removed it once from the code, and my problem repeated.
Apr 21 '07 #7
drhowarddrfine
7,435 Expert 4TB
btw, your doctype is incomplete and puts IE into quirks mode. New pages should always use the strict doctype, too. Use this one:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
Apr 21 '07 #8
blobb
12
btw, your doctype is incomplete and puts IE into quirks mode. New pages should always use the strict doctype, too. Use this one:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

i will use

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

is this ok? cuz in strict i some table problems on the page...
Apr 21 '07 #9
drhowarddrfine
7,435 Expert 4TB
Are transitioning older, deprecated code? Otherwise, fix your tables and use strict.
Apr 21 '07 #10
blobb
12
i use tables, not the layers yet.
in strict mode there are some padding problems, so i changed it to <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

you think i might have a lot of problems with it?
Apr 22 '07 #11
drhowarddrfine
7,435 Expert 4TB
A doctype is not something to be changed. You always make the markup fit the doctype, not the doctype fit the markup. The doctype, essentially, is the set of rules you are coding to. You can't change the rules after you are done coding.

The padding issues are html/css and not javascript so you need to ask those questions there. But the complete code or a link is necessary.
Apr 22 '07 #12
hi guys... i just did anything but it dont want to work on FireFox... any other browser working fine... i need some help :(


Expand|Select|Wrap|Line Numbers
  1. <script type="text/javascript">
  2.  
  3. var sliderwidth=400                    //Specify the slider's width (in pixels)
  4. var sliderheight=145                    //Specify the slider's height (in pixels, pertains only to NS)
  5. var slidespeed=4                        //Specify the slider's scroll speed (larger is faster)
  6. var pocet=14
  7. var finalslide=""
  8. var leftrightslide=new Array()            //Specify the slider's images
  9.  
  10.  
  11. for (a=0;a<pocet;a++){
  12. leftrightslide[a]="<a onclick={images.obr.src=\"images/"+a+".jpg\"}> <img src=images/"+a+".jpg border=1 height=\"50\"></a>"
  13. }
  14.  
  15.  
  16. var copyspeed=slidespeed
  17. for (i=0;i<leftrightslide.length;i++)
  18. finalslide=finalslide+leftrightslide[i]+"&nbsp;&nbsp;"
  19. if (document.all){
  20. document.write('<marquee id=ieslider scrollAmount=0 style="width:'+sliderwidth+'">'+finalslide+'</marquee>')
  21. ieslider.onmouseover=new Function("ieslider.scrollAmount=0")
  22. ieslider.onmouseout=new Function("if (document.readyState=='complete') ieslider.scrollAmount=slidespeed")
  23. }
  24. function regenerate(){
  25. window.location.reload()
  26. }
  27. function regenerate2(){
  28. if (document.layers){
  29. document.ns_slider01.visibility="show"
  30. setTimeout("window.onresize=regenerate",450)
  31. intializeleftrightslide()
  32. }
  33. if (document.all)
  34. ieslider.scrollAmount=slidespeed
  35. }
  36. function intializeleftrightslide(){
  37. document.ns_slider01.document.ns_slider02.document.write('<nobr>'+finalslide+'</nobr>')
  38. document.ns_slider01.document.ns_slider02.document.close()
  39. thelength=document.ns_slider01.document.ns_slider02.document.width
  40. scrollslide()
  41. }
  42. function scrollslide(){
  43. if (document.ns_slider01.document.ns_slider02.left>=thelength*(-1)){
  44. document.ns_slider01.document.ns_slider02.left-=slidespeed
  45. setTimeout("scrollslide()",100)
  46. }
  47. else{
  48. document.ns_slider01.document.ns_slider02.left=sliderwidth
  49. scrollslide()
  50. }
  51. }
  52. window.onload=regenerate2
  53.  
  54. //-->
  55. </script>
  56.  
  57.  
  58. <ilayer width=&{sliderwidth}; height=&{sliderheight}; name="ns_slider01" visibility=hide>
  59. <layer name="ns_slider02" onMouseover="slidespeed=0;" onMouseout="slidespeed=copyspeed"></layer>
  60. </ilayer>
  61.  
  62. <img src="images/0.jpg" border="1"  height="75%" alt="Fotos" name="obr">
  63.  
it may be a problem in <layer> and <ilayer> at the end... im realy wondering how to make it works in firefox :(...

u can simply try it.. make some directory, in there place index.htm what include this script and make a subdirectory "images" what will include files from 0.jpg to 14.jpg
Mar 24 '08 #13
acoder
16,027 Expert Mod 8TB
it may be a problem in <layer> and <ilayer> at the end... im realy wondering how to make it works in firefox
Yes, you will need to replace the ilayer/layer with a div element. The code is also very old. To refer to elements use document.getElementById().

If you didn't write this code, just get a modern version of this script.
Mar 24 '08 #14
drhowarddrfine
7,435 Expert 4TB
As acoder said, there is no such thing as <layer> or <ilayer>
Mar 25 '08 #15

Sign in to post your reply or Sign up for a free account.

Similar topics

12
Bug in my Javascript or bug in Firefox
by: Howard Kaikow | last post by:
Yesterday, I decided to try Firefox. I've encountered a behavior that is either a bug in Firefox or a bug in my Javascript code. I'll try to explain the problem, hoping that this newsgroup can...
Javascript
2
FireFox, RemoveChild, AppendChild, making width grow?
by: Stewart | last post by:
Originally posted in comp.lang.javascript: Newsgroups: comp.lang.javascript From: "Stewart" Date: 23 Aug 2005 02:50:04 -0700 Local: Tues, Aug 23 2005 10:50 am Subject: FireFox, RemoveChild,...
HTML / CSS
3
Script doesn't work in Firefox
by: niconedz | last post by:
Hi The following code works fine in IE but not Firefox. It's a little script that zooms an image and resizes the window to fit. Can anybody tell me what's wrong? Thanks Nico == btw.....
Javascript
45
Validation and Firefox(js scripts doesn''t fire)
by: Pat | last post by:
its seems asp.net validation doesn't fire when using FireFox? Tested a page and it doesn't fire. It seems the javascript doesn't fire Any ideas?
ASP.NET
6
Firefox doPostBack (LinkButton) not working
by: Mark Olbert | last post by:
The doPostBack javascript functioning is not submitting the page when called by linkbuttons (or an autopostback checkbox, for that matter). I'm aware of a problem with Netscape browsers and the...
ASP.NET
4
determining the location of a script on the server? Firefox bug won't let me
by: petermichaux | last post by:
Hi, I'm hoping for a reason I'm wrong or an alternate solution... I'd like to be able to dynamically include some javascript files. This is like scriptaculous.js library but their solution is...
Javascript
4
Javascript and Firefox 1.5
by: lmarceglia | last post by:
Hi, I have this website that doesn't work in Firefox 1.5: www.pianetaluca.com The HTML source is: <TITLE>PianetaLuca</TITLE> </HEAD>
Javascript
11
JavaScript does not work in Firefox
by: minnesotti | last post by:
Hi there, I subscribed to a photographic pictures-hosting website which is heavy on JavaScript. My preferred latest browser Mozilla Firefox does not work with it -- no pictures are displayed and...
Javascript
8
Critical javascript security flaw in firefox
by: Matt Kruse | last post by:
http://news.zdnet.com/2100-1009_22-6121608.html Hackers claim zero-day flaw in Firefox 09 / 30 / 06 | By Joris Evers SAN DIEGO--The open-source Firefox Web browser is critically flawed in...
Javascript
3
munged rendering in Firefox ASP.NET 2.0
by: SAL | last post by:
Hello, I did google this issue and found some stuff related to BrowserCaps section of either web.config or machine.config but it didn't work. It seems that most pages in my webapp are okay but a...
ASP.NET
0
Migrating Website to Cloud - Emmanuel Katto
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
General
0
BarryA
Navigating the Data Structures and Algorithms (DSA)
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
Algorithms / Advanced Math
1
Looking to do Android software development, any suggestions? Is flutter better?
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
General
1
Is that possible of reading the .csv file in column wise and the column have different lengths ?
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
C / C++
0
Oralloy
Problem With Comparison Operator <=> in G++
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
C / C++
0
The easy way to turn off automatic updates for Windows 10/11
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...
Windows Server
0
tracyyun
Discussion: How does Zigbee compare with other wireless protocols in smart home applications?
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...
General
0
agi2029
AI Job Threat for Devs
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...
Career Advice
0
isladogs
Access Europe - Using VBA to create a class based on a table - Wed 1 May
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new...
Microsoft Access / VBA

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.

BYTES.COM © 2024
About Bytes
Terms Of Use
Privacy Policy
Sitemap
Advertise on Bytes:
Post a Job
Sponsored Posts
Platinum & Gold Sponsors
Hire Now!