Hilfe bei js in firefox

N

nick9999

Freizeitschrauber(in)
hi,
Ich mache mit einem Freund eine I-netseite für unseren Grundkurs info. Wir habe ein js mit dem Bilder in Gross angezeigt werden sollten, jedoch funktioniert er nur mit google chrome und nicht firefox. Ich hoffe jemand kann mir sagen wo das problem ist. Hier der Quellcode:

<html>
<head>
<link rel="stylesheet" type="text/css" href="../CSS+JS/michal.css" />
<script type="text/javascript" language="JavaScript" src="../CSS+JS/davo.js">
</script>
</head>
<body class="body">

<table>
<tr>
<td colspan="2">
<h1>Grafikkarten</h1>
</td>
</tr>
<tr>
<td class="w table">
<div>
<img class="image" src="../Pictures/Sapphire_Radeon_HD7970_500b_HS.png" alt="AMD Radeon HD 7970" align="left" style="cursor:pointer;" onclick="window('1')">
Mit der 7970 kann AMD/ATI sich die Spitzen-Position bei den Single-GPU-Grafikkarten sichern und den Konkurrenten auf die hinteren Plätze drängen.
<table>
<tr>
<td>
<table>
<tr>
<td class="specsleft">Speicherkonfiguration</td>
<td class="specsright">3GB GDDR5</td>
</tr>
<tr>
<td class="specsleft">Speicherschnittstelle</td>
<td class="specsright">384 Bit</td>
</tr>
<tr>
<td class="specsleft">Maximale digitale Auflösung</td>
<td class="specsright">4096x2160</td>
</tr>
</table>
</td>
<td>
<table>
<tr>
<td class="specsleft">Speicherbandbreite</td>
<td class="specsright">264 GB/s</td>
</tr>
<tr>
<td class="specsleft">Transistoren</td>
<td class="specsright">4.31 Bn</td>
</tr>
<tr>
<td class="specsleft">Chiptakt</td>
<td class="specsright">925 MHz</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td>
<div>
<img class="image" src="../Pictures/Geforce-GTX-580-01.gif" alt="Nvidia Geforce GTX 580" align="left" style="cursor:pointer;" onclick="window('2')">
Mit rasanter Leistung und innovativem Thermikdesign fegt der GeForce GTX 580 Grafikprozessor durch aktuelle PC-Spiele und ist dabei leiser als die Vorgängergeneration.
<table>
<tr>
<td>
<table>
<tr>
<td class="specsleft">Speicherkonfiguration</td>
<td class="specsright">1.5GB GDDR5</td>
</tr>
<tr>
<td class="specsleft">Speicherschnittstelle</td>
<td class="specsright">384 Bit</td>
</tr>
<tr>
<td class="specsleft">Maximale digitale Auflösung</td>
<td class="specsright">2560x1600</td>
</tr>
</table>
</td>
<td>
<table>
<tr>
<td class="specsleft">Speicherbandbreite</td>
<td class="specsright">192 GB/s</td>
</tr>
<tr>
<td class="specsleft">Transistoren</td>
<td class="specsright">3 Bn</td>
</tr>
<tr>
<td class="specsleft">Chiptakt</td>
<td class="specsright">772 MHz</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td class="w table">
<div>
<img class="image" src="../Pictures/ati_radeon_hd6990.gif" alt="AMD Radeon HD 6990" align="left" style="cursor:pointer;" onclick="window('3')">
Grenzen überwinden. Rekorde brechen. Legen Sie den Schalter um und die AMD Radeon™ HD 6990 liefert Höchstgeschwindigkeiten der Spitzenklasse.
<table>
<tr>
<td>
<table>
<tr>
<td class="specsleft">Speicherkonfiguration</td>
<td class="specsright">2x2GB GDDR5</td>
</tr>
<tr>
<td class="specsleft">Speicherschnittstelle</td>
<td class="specsright">2x 256 Bit</td>
</tr>
<tr>
<td class="specsleft">Maximale digitale Auflösung</td>
<td class="specsright">2560x1600</td>
</tr>
</table>
</td>
<td>
<table>
<tr>
<td class="specsleft">Speicherbandbreite</td>
<td class="specsright">2x160 GB/s</td>
</tr>
<tr>
<td class="specsleft">Transistoren</td>
<td class="specsright">2x2,64 Bn</td>
</tr>
<tr>
<td class="specsleft">Chiptakt</td>
<td class="specsright">830 MHz</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td class="w table">
<div>
<img class="image" src="../Pictures/header_productshot1.png" alt="Nvidia Geforce GTX 570" align="left" style="cursor:pointer;" onclick="window('4')">
Entdecke eine transformierte Welt. GeForce GTX 570 bietet eine innovative Kühl-Lösung für beeindruckende Leistung bei flüsterleisem Betrieb.
<table>
<tr>
<td>
<table>
<tr>
<td class="specsleft">Speicherkonfiguration</td>
<td class="specsright">1.2GB GDDR5</td>
</tr>
<tr>
<td class="specsleft">Speicherschnittstelle</td>
<td class="specsright">320 Bit</td>
</tr>
<tr>
<td class="specsleft">Maximale digitale Auflösung</td>
<td class="specsright">2560x1600</td>
</tr>
</table>
</td>
<td>
<table>
<tr>
<td class="specsleft">Speicherbandbreite</td>
<td class="specsright">152 GB/s</td>
</tr>
<tr>
<td class="specsleft">Transistoren</td>
<td class="specsright">3 Bn</td>
</tr>
<tr>
<td class="specsleft">Chiptakt</td>
<td class="specsright">732 MHz</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</td>
</tr> <!-- -->
<tr>
<td>
<div>
<img class="image" src="../Pictures/GeForce_GTX_590_074-Edit - thumb.jpg" alt="Nvidia Geforce GTX 590" align="left" style="cursor:pointer;" onclick="window('5')">
Mit der GeForce GTX 590 hat NVIDIA nicht nur die schnellste Grafikkarte überhaupt im Angebot. Das innovative Dual-GPU-Design macht sie auch erheblich leiser als vergleichbare Produkte.
<table>
<tr>
<td>
<table>
<tr>
<td class="specsleft">Speicherkonfiguration</td>
<td class="specsright">3GB GDDR5</td>
</tr>
<tr>
<td class="specsleft">Speicherschnittstelle</td>
<td class="specsright">2x384 Bit</td>
</tr>
<tr>
<td class="specsleft">Maximale digitale Auflösung</td>
<td class="specsright">2560x1600</td>
</tr>
</table>
</td>
<td>
<table>
<tr>
<td class="specsleft">Speicherbandbreite</td>
<td class="specsright">327.7 GB/s</td>
</tr>
<tr>
<td class="specsleft">Transistoren</td>
<td class="specsright">6 Bn</td>
</tr>
<tr>
<td class="specsleft">Chiptakt</td>
<td class="specsright">2x 612 MHz</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
<div>
<div onclick="closeall()" id="blur"></div>
<div onclick="closeall()" id="xbutton"></div>
<div id="pic1" class="bildzoom"><img src="../Pictures/Sapphire_Radeon_HD7970_500b_HS.png" width="800"></div>
<div id="pic2" class="bildzoom"><img src="../Pictures/Geforce-GTX-580-01.gif" width="800"></div>
<div id="pic3" class="bildzoom"><img src="../Pictures/ati_radeon_hd6990.gif" width="800"></div>
<div id="pic4" class="bildzoom"><img src="../Pictures/header_productshot1.png" width="800"></div>
<div id="pic5" class="bildzoom"><img src="../Pictures/GeForce_GTX_590_074-Edit.jpg" width="800"></div>
</div>
</body>
</html>
Zum Vergrößern anklicken....

und hier der Script:

function window(w) {
document.getElementById('blur').style.display = 'block';
document.getElementById('xbutton').style.display = 'block';


if(w == 1) {
document.getElementById('pic1').style.display = 'block';
document.getElementById('pic2').style.display = 'none';
document.getElementById('pic3').style.display = 'none';
document.getElementById('pic4').style.display = 'none';
document.getElementById('pic5').style.display = 'none';
}
if(w == 2) {
document.getElementById('pic1').style.display = 'none';
document.getElementById('pic2').style.display = 'block';
document.getElementById('pic3').style.display = 'none';
document.getElementById('pic4').style.display = 'none';
document.getElementById('pic5').style.display = 'none';
}
if(w == 3) {
document.getElementById('pic1').style.display = 'none';
document.getElementById('pic2').style.display = 'none';
document.getElementById('pic3').style.display = 'block';
document.getElementById('pic4').style.display = 'none';
document.getElementById('pic5').style.display = 'none';
}
if(w == 4) {
document.getElementById('pic1').style.display = 'none';
document.getElementById('pic2').style.display = 'none';
document.getElementById('pic3').style.display = 'none';
document.getElementById('pic4').style.display = 'block';
document.getElementById('pic5').style.display = 'none';
}
if(w == 5) {
document.getElementById('pic1').style.display = 'none';
document.getElementById('pic2').style.display = 'none';
document.getElementById('pic3').style.display = 'none';
document.getElementById('pic4').style.display = 'none';
document.getElementById('pic5').style.display = 'block';
}
}

function closeall() {
document.getElementById('blur').style.display = 'none';
document.getElementById('xbutton').style.display = 'none';
document.getElementById('pic1').style.display = 'none';
document.getElementById('pic2').style.display = 'none';
document.getElementById('pic3').style.display = 'none';
document.getElementById('pic4').style.display = 'none';
document.getElementById('pic5').style.display = 'none';
}
Zum Vergrößern anklicken....

:hail::hail::hail::hail::hail::hail:
 
What the hell!

Hier dein JS anteil mal in "gut" (naja ich will mich nicht als guten JS programmier bezeichnen, aber immerhin BESSER):
Code: 
function window(w) {
document.getElementById('blur').style.display = 'block';
document.getElementById('xbutton').style.display = 'block';
 
for(var i=1; i<=5; i++)
{
  if(i == w)
  {
    document.getElementById('pic'+i).style.display = 'block';
  }
  else
  {
    document.getElementById('pic'+i).style.display = 'none';
  }
}
}
 
function closeall() {
document.getElementById('blur').style.display = 'none';
document.getElementById('xbutton').style.display = 'none';

for(var i=1; i<=5; i++)
{
  document.getElementById('pic'+i).style.display = 'none';
}
}
Gleich viel kürzer, oder ;)

So aber das hilft dir sicher bei deinem Problem nicht. Du kannst dir für Firefox mal das Plugin Firebug runterladen. Das hat eine Fehlerkonsole, in der JS Fehler angezeigt werden. Wird dir sicher nützen.
Wenn ich gleich Langeweile habe, mach ich das vllt. auch, aber probier erstmal du.

Über deinen html code habe ich nicht rüber geguckt btw

mfg
Lukas
 
Der Grund ist einfach: Dein HTML-Code ist voll von Fehlern! :what:

Ich korrigiere das mal und poste später das Ergebnis!
 
Vielen dank für eure mühe, es tut mir leid das mein quellcode so schlecht ist, da wir in der Schule nur (kaum) html gelernt haben, ist das meiste gegoogelt und bei selfhtml nachgecukt. :klatsch::slap:

Könte jemand von euch sich eventuell später die komplette Seite angucken??

Nochmals vielen dank.

Edit:

Hab es mit firebug rausprobiert und festgestellt das es an dem Namen der Funktion lag, jetzt geht es ich wäre trotzdem sehr dankbar wenn sich jeman die koplette Seite angucken konnte ich werde sie sobald fertig hoch laden.
 
Zuletzt bearbeitet:
nick9999 schrieb:
Vielen dank für eure mühe, es tut mir leid das mein quellcode so schlecht ist, da wir in der Schule nur (kaum) html gelernt haben, ist das meiste gegoogelt und bei selfhtml nachgecukt. :klatsch::slap:

Könte jemand von euch sich eventuell später die komplette Seite angucken??

Nochmals vielen dank.

Edit:

Hab es mit firebug rausprobiert und festgestellt das es an dem Namen der Funktion lag, jetzt geht es ich wäre trotzdem sehr dankbar wenn sich jeman die koplette Seite angucken konnte ich werde sie sobald fertig hoch laden.
Zum Vergrößern anklicken....


Ich kann dir gerne weiterhelfen! Auch wenn ich nicht jedesmal in diesen Thread reinschaue, kannst du mir eine PN schreiben!

mfg
 
Einloggen o. Registrieren zum Antworten.

Ähnliche Themen

eskalation
Hilfe bei HTML gesucht
Antworten
3
Aufrufe
748
akatoti
akatoti
M
Benötige Hilfe! Graka Defekt oder doch nur ein Treiberfehler?
Antworten
4
Aufrufe
1K
MrWhiteGuy
M
Sn0w1
[GELÖST] [JS] 2 onload-funktionen gleichzeitig gehen nicht
Antworten
2
Aufrufe
1K
Sn0w1
Sn0w1
D
System sehr langsam, bzw. mega Ruckler in Spiele
2
Antworten
29
Aufrufe
3K
Diggiman1982
D
DarkMo
[Workshop] XVM-Mod
12 13 14
Antworten
270
Aufrufe
125K
DarkMo
DarkMo
Oben Unten
Zurück