Problem mit Javascript bei Firefix

Ide. · 06/27/2012, 12:24

Guten Tag Com.,

habe folgendes Problem:

Hab ein Javascript in meine Fanpage eingeführt, funktioniert bei Internet Explorer und Opera, aber Firefox streikt. Javascript ist bei Firefox aktiviert und hab auch alles andere erdenktliche schon getan. Bin jetzt zum Endschluss gekommen, das es nur noch am Script liegen kann...

Hier einmal der Code:

HTML Code:

<script type="text/javascript" language="JavaScript">
<!-- Begin

function toggleMe01(a){

// beim Aufruf der Funktion generell alle ausblenden
AlleAus01()

var e = document.getElementById(a);

if(!e)return true;

  if(e.style.display == "none")
  {
  e.style.display="block"
  }
  else
  {
  e.style.display="none"
  }

return true;
}


// hier müssen alle Container-IDs eingetragen werden
// die Funktion schaltet alle Boxen auf unsichtbar

function AlleAus01() {
   para01.style.display = "none"
   para02.style.display = "none"
   para03.style.display = "none"
   para04.style.display = "none"
   para05.style.display = "none"
   para06.style.display = "none"
   para07.style.display = "none"
}

//  End -->
              </script>
              
              
              
  <!-- CSS-Angaben für die Box und Überschrift -->
  <style type="text/css">
<!--

.dbox{
width:97%;
height:100%;
border:1px solid #00AFFF;
padding:10px;
margin: 10px 0 10px 0;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:normal;
color: #0050A0;
background-color:#F9FCFF;
line-height:130%;
}

.dbox h3{
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
color: #0050A0;
text-transform:none;
}

-->
</style>
            
            <a onClick="return toggleMe01('para01')" href="#berufe"><P>Elektroniker/in</P></a>

<a onClick="return toggleMe01('para02')" href="#berufe"><p>Industriekauffrau/-mann</p>
</a>

<a onClick="return toggleMe01('para03')" href="#berufe"><p>Industriemechaniker/-in</p></a>

<a onClick="return toggleMe01('para04')" href="#berufe"><p>Mechatroniker/-in</p></a>

<a onClick="return toggleMe01('para05')" href="#berufe"><p>Werkstoffprüfer/-in</p></a>

<a onClick="return toggleMe01('para06')" href="#berufe"><p>Werkzeugmechaniker/-in</p></a>

<div align="center">
  <!-- box 01 bereits eingeblendet (display:none = aus, display:block = ein) -->
  
  <strong><u><a name="berufe" id="berufe"></a></u></strong></div>
<div style="display:yes;" class="dbox" id="para01">
  <h3 align="center"><a name="elekt" id="elekt">Elektroniker/-in</h3>
  <div align="center"><img src="http://a1.sphotos.ak.fbcdn.net/hphotos-ak-prn1/545155_128984683907705_1156770534_n.jpg" width="500" height="350"><p></p>Als Elektroniker/-in bei Novelis gehören die Inbetriebnahme, Überwachung und Instandhaltung von elektrischen und elektronischen Anlagen und Geräten zu Deinen besonderen Aufgaben. Voraussetzung für diesen Beruf ist logisches Denkvermögen, technisches Interesse sowie Verständnis und Begeisterung für Mathematik und Computer. Nach einer Grundausbildung in der Metallbearbeitung in unserer Zentralen Ausbildungswerkstatt schließt sich die elektrische Weiterbildung in der Fachabteilung Elektronik an.
    </p>
    
  </div>
  <p align="center"> Zum Ausbildungsprogramm gehören Steuerungstechnik, Sensorik, SPS- und Digitaltechnik ebenso wie Pneumatik, Hydraulik und das Erstellen von Tabellen, Diagrammen und Schaltplänen mit Hilfe des Computers für betriebliche Projekte. Darüber hinaus kannst Du im Rahmen von verschiedenen Ausbildungsarbeiten „Elektronik trainieren“. Durch die schnelle Weiterentwicklung im Elektronikbereich ist Deine Bereitschaft für eine ständige Weiterbildung notwendig.</p>
  <p align="center">
    <u>
      <strong>Voraussetzungen:</strong>
      </u>
    <br/>
    - Schulabschluss: mindest. guter Hauptschulabschluss
    <br/>
    - Ausbildungsdauer: 3,5 Jahre
    <br/>
    - duale Ausbildung: Novelis und BBS II Göttingen 
</p></div>

<div align="center">
  <!-- box 02 -->
</div>
<div style="display:yes;" class="dbox" id="para02">
  <h3 align="center"><a name="ik" id="ik">Industriekauffrau/-mann</h3>
<div align="center"><img src="http://a2.sphotos.ak.fbcdn.net/hphotos-ak-ash3/575609_128984753907698_608277216_n.jpg" width="500" height="350"><p></p>Die Industriekaufleute bei Novelis bestimmen den wirtschaftlichen Erfolg des Unternehmens mit. Sie finden auf kaufmännische Fragen die richtigen Antworten und setzen entwickelte Lösungsvorschläge in die Tat um. Bei ihrer Arbeit stehen sie z. B. mit ausländischen Partnern und Kunden in Kontakt oder strukturieren und optimieren Organisations-abläufe.
  </p>
</div>
<p align="center"> Während der Ausbildung zum/zur Industriekaufmann/-frau wirst Du in allen kaufmännischen Abteilungen des Göttinger Werkes eingesetzt. Somit bekommst Du einen umfassenden Überblick über die Vorgänge im Unternehmen. Zu diesen Abteilungen zählen z. B. der Einkauf, das Rechnungswesen, die Personaldienste oder der Verkauf. Solltest Du daran interessiert sein, kannst Du auch andere Bereiche, wie z. B. unsere Forschungs- und Entwicklungsabteilung mit ihren Laboratorien, kennen lernen.</p>
<p align="center">
<u>
<strong>Voraussetzungen:</strong>
</u>
<br/>
 - Schulabschluss: mindest. guter Realschulabschluss
<br/>
 - Ausbildungsdauer: 3 Jahre
<br/>
 - duale Ausbildung: Novelis und BBS I Göttingen 
</p></div>

<!-- box 03 -->
<div style="display:none;" class="dbox" id="para03">
<h3><a name="im" id="im">Industriemechaniker/-in</h3>
<div align="center"><img src="https://fbcdn-sphotos-a.akamaihd.net/hphotos-ak-snc7/484450_128984817241025_1768549592_n.jpg" width="500" height="350"><p></p>Als Industriemechaniker/in bei Novelis sorgst Du für ein reibungsloses Funktionieren der Anlagen, Maschinen und Geräte. Bei Reparaturen fertigst Du auch benötigte Ersatzteile selbst an oder tauschst bei Wartungsarbeiten die Verschleißteile aus.
  </p>
</div>
<p align="center"> Ein gutes Verständnis für das Zusammenwirken der vielen Einzelteile in den Anlagen hilft Dir, deinen Job erfolgreich zu erlernen. Nach einer umfassenden Grundausbildung in unserer Zentralen Ausbildungs-werkstatt werden Deine Fertigkeiten in verschiedenen Abteilungen wie Konstruktionsbüro, Labor, Elektro-Werkstatt und Instandhaltung erweitert und vertieft. Pneumatik-, Hydraulik-, Schweiß- und CNC-Kenntnisse werden Dir in besonderen Lehrgängen vermittelt.</p>
<p align="center">
<u>
<strong>Voraussetzungen:</strong>
</u>
<br/>
 - Schulabschluss: mindest. guter Haubtschulabschluss
<br/>
 - Ausbildungsdauer: 3,5 Jahre
<br/>
 - duale Ausbildung: Novelis und BBS II Göttingen 
</p></div>

<div style="display:none;" class="dbox" id="para04">
<h3><a name="mt" id="mt">Mechatroniker/-in</h3>
<div align="center"><img src="https://fbcdn-sphotos-a.akamaihd.net/hphotos-ak-ash4/397734_128984900574350_836155631_n.jpghttps://fbcdn-sphotos-a.akamaihd.net/hphotos-ak-ash4/397734_128984900574350_836155631_n.jpg" width="500" height="400">
  <p></p>
  Als Mechatroniker/in bei Novelis gehören die Inbetriebnahme, Überwachung und Instandhaltung von mechatronischen Systemen, Anlagen und Geräten zu Deinen besonderen Aufgaben. Voraussetzung für diesen Beruf ist logisches Denken, technisches Interesse und Verständnis sowie Begeisterung für Mathematik und Computer.
  </p>
</div>
<p align="center"> Nach einer Grundausbildung in der Metallbearbeitung und an elektrischen Baugruppen und Komponenten in unserer Zentralen Ausbildungswerkstatt schließt sich die mechatronische Weiterbildung in der Fachabteilung an. Zum Ausbildungsprogramm gehören Steuerungstechnik, Sensorik, SPS- und Digitaltechnik ebenso wie Pneumatik, Hydraulik und das Erstellen von Tabellen, Diagrammen und Schaltplänen mit Hilfe des Computers für betriebliche Projekte. Darüber hinaus kannst Du im Rahmen von verschiedenen Ausbildungsarbeiten „Elektronik trainieren“. Durch die schnelle Weiterentwicklung im Mechatronik- und Elektronikbereich ist Deine Bereitschaft für eine ständige Weiterbildung notwendig.</p>
<p align="center">
<u>
<strong>Voraussetzungen:</strong>
</u>
<br/>
 - Schulabschluss: mindest. guter Haubtschulabschluss
<br/>
 - Ausbildungsdauer: 3,5 Jahre
<br/>
 - duale Ausbildung: Novelis und BBS II Osterode 
</p></div>

<!-- box 04 -->
<div style="display:none;" class="dbox" id="para05">
<h3><a name="wp" id="wp">Werstoffprüfer/-in</h3>
<div align="center"><img src="http://a4.sphotos.ak.fbcdn.net/hphotos-ak-snc7/292402_128984993907674_809355526_n.jpghttp://a4.sphotos.ak.fbcdn.net/hphotos-ak-snc7/292402_128984993907674_809355526_n.jpg" width="500" height="350"><p></p>Als Werkstoffprüfer/in bei Novelis prüfst Du die Materialeigenschaften der gefertigten Produkte. Du führst die notwendigen Vorarbeiten und Messungen selbstständig durch und stellst die Ergebnisse in Form von kurzen, technischen Berichten zusammen. Neben umfassenden Kenntnissen über Materialeigenschaften gehört genaues und sauberes Arbeiten zu diesem Berufsbild. Um  technische Zusammenhänge zu verstehen, benötigst Du eine gute Auffassungsgabe.
  </p>
</div>
<p align="center"> Du erhältst eine umfassende Grundausbildung in der Metallbearbeitung in unserer Zentralen Ausbildungsabteilung. In diesem Ausbildungs-abschnitt erlernst Du auch Grundkenntnisse in Elektrik, Blech-bearbeitung und Schweißen. Deine berufsspezifischen Kenntnisse werden Dir in den verschiedenen Laborbereichen (chemisches, mechanisches, Lack- und Korrosionslabor) sowie in der Metallographie vermittelt.</p>
<p align="center">
<u>
<strong>Voraussetzungen:</strong>
</u>
<br/>
 - Schulabschluss: mindest. guter Haubtschulabschluss
<br/>
 - Ausbildungsdauer: 3,5 Jahre
<br/>
 - duale Ausbildung: Novelis und BBS 22 Hannover 
</p></div>

<!-- box 05 -->
<div style="display:none;" class="dbox" id="para06">
<h3><a name="beruf" id="beruf">Werkzeugmechaniker/-in</h3>
<div align="center"><img src="http://a1.sphotos.ak.fbcdn.net/hphotos-ak-snc7/318032_128985077240999_147748977_n.jpg" width="500" height="350"><p></p>Als Werkzeugmechaniker/in bei Novelis stellst Du die in der Produktion benötigten Umform- und Stanzwerkzeuge, die Vorrichtungen und Lehren her. Neben umfassenden Kenntnissen über die Eigenschaften der verarbeiteten Werkstoffe gehört auch handwerkliches Geschick für genaues Arbeiten zu diesem Berufsbild. Um technische Zusammen-hänge zu verstehen, brauchst Du eine gute Auffassungsgabe.<p></p>
</div>
<p align="center">Nach einer umfassenden Grundausbildung in der Metallbearbeitung in unserer Zentralen Ausbildungswerkstatt werden Deine Fertigkeiten in verschiedenen Abteilungen wie Konstruktionsbüro, Elektro-Werkstatt und Werkzeugbau erweitert und vertieft. Pneumatik-, Hydraulik-, Schweiß- und CNC-Kenntnisse werden Dir in besonderen Lehrgängen vermittelt.</p>
<p align="center">
<u>
<strong>Voraussetzungen:</strong>
</u>
<br/>
 - Schulabschluss: mindest. guter Haubtschulabschluss
<br/>
 - Ausbildungsdauer: 3,5 Jahre
<br/>
 - duale Ausbildung: Novelis und BBS Hann.Münden 
</p></div>
<div style="display:none;" class="dbox" id="para07">
<h3><a name="beruf" id="beruf"><u>Interessiert?</u></h3>
<div align="center"><img src="http://a8.sphotos.ak.fbcdn.net/hphotos-ak-ash4/487376_129003753905798_1879826878_n.jpg" width="480" height="249"><p></p>... wir freuen uns auf Deine Bewerbung!<p></p>  
  Novelis Deutschland GmbH <p></p> Werk Göttingen  <p></p>Hannoversche Straße 1  <p></p>37075 Göttingen <p></p> Tel. +49551 / 304 - 0 <p></p> Fax. +49551 / 304 - 640<p></p> <a href="mailto:"></a><p><p></p>
</div>
 
</p></div>

Wäre sehr nett, wenn mir dabei jemand helfen könnte. Vielleicht ist es auch nur ein kleines Problemchen und ich stehe einfach nur auf den Schlauch. :/

Che · 06/27/2012, 13:18

Also ich weiß nicht, was daran im FF nicht gehen soll, bei mir funktionierts prächtig (Ich verwende Firefox 16a1), habs mal hochgeladen zum testen:

Er versteckt die Divs ordnungsgemäß und zeigt sie auch nach Klick auf die Links wieder an, muss wohl an deinem Firefox liegen

Beim Überfliegen deines Codes ist mir nur aufgefallen, dass du einige Semikolons vergessen hast, sonst sollte es so funktionieren. Achja, die Webkonsole sagt folgendes:
"[13:17:55.766] Error in parsing value for 'display'. Declaration dropped. @ http://left4fiesta.de/ide.html#berufe"

Ide. · 06/27/2012, 14:16

Quote:

Originally Posted by Che

Also ich weiß nicht, was daran im FF nicht gehen soll, bei mir funktionierts prächtig (Ich verwende Firefox 16a1), habs mal hochgeladen zum testen:
Er versteckt die Divs ordnungsgemäß und zeigt sie auch nach Klick auf die Links wieder an, muss wohl an deinem Firefox liegen

Beim Überfliegen deines Codes ist mir nur aufgefallen, dass du einige Semikolons vergessen hast, sonst sollte es so funktionieren. Achja, die Webkonsole sagt folgendes:
"[13:17:55.766] Error in parsing value for 'display'. Declaration dropped. @ http://left4fiesta.de/ide.html#berufe"

Hm ... Hab das mit 4 verschiedenen PC's probiert über Firefox. Keiner der Browser hat das script ausgeführt.

Das #berufe ist dafür da das er an diesen Punkt springt. Der oben genannte Code ist ja nur ein Ausschnitt der kompletten Website.

Werde aber mal ein anderen Firefox laden und ausprobieren.

Edit:

Habe nun mal mit Firefox 14 (Beta) probiert ... klappt einwandfrei ;O
Werde wohl nun ein script schreiben, welches den Browser detectet und die endsprechende Versionen auswertet. und dann muss ich halt testen ab welchem Firefox das script läuft. ;>

PseudoPsycho · 06/27/2012, 14:28

Also, mit Fx 15.0a2 klappt's auch.

.Acu³ · 06/27/2012, 15:32

Im FF10 und FF12 funktionierts auch

Ide. · 06/27/2012, 15:47

- Danke schonmal an die, die es ausprobiert haben.

- Hat jemand noch zufällig ein Script welches abfragt, ob ein Script z.B. meins wie oben, mit den aktuellen Browser ausgeführt werden kann und wenn nicht ein Verweiß auf ein Update macht?

- Oder ein ganz anderen Lösungsvorschlag? Bin für viele Lösungen offen.

Mikesch01 · 06/27/2012, 15:59

HTML Code:

<script type="text/javascript" language="JavaScript">
<!-- Begin

function toggleMe01(a){

// beim Aufruf der Funktion generell alle ausblenden
AlleAus01();

var e = document.getElementById(a);

if(!e) return false; //false ist hier richtig, da es ja sonst semantisch "richtig" war.

  if(e.style.display == "none") {
     e.style.display = "block";
  }
  else {
     e.style.display = "none";
  }

return true;
}


// hier müssen alle Container-IDs eingetragen werden
// die Funktion schaltet alle Boxen auf unsichtbar

function AlleAus01() {
  // alle Elemente ausblenden mit Hilfe der ID's
   document.getElementById("para01").style.display = "none";
   document.getElementById("para02").style.display = "none";
   document.getElementById("para03").style.display = "none";
   document.getElementById("para04").style.display = "none";
   document.getElementById("para05").style.display = "none";
   document.getElementById("para06").style.display = "none";
   document.getElementById("para07").style.display = "none";
}

//  End -->
              </script>

Du hast ja etliche Semikolons vergessen^^ probiers mal so...

Ide. · 06/27/2012, 18:12

Quote:

Originally Posted by Mikesch01

Du hast ja etliche Semikolons vergessen^^ probiers mal so...

So ich kann verkünden, das es jetzt funktioniert. Werde es morgen aufjedenfall in der Firma bei mehreren anderen Computer testen. Hier zu Hause stehen mir nur begrenzte Möglichkeiten zur Verfügung, aber danke dafür! :>

NotEnoughForYou · 06/27/2012, 19:31

Quote:

Originally Posted by Mikesch01

HTML Code:

<script type="text/javascript" language="JavaScript">
<!-- Begin

function toggleMe01(a){

// beim Aufruf der Funktion generell alle ausblenden
AlleAus01();

var e = document.getElementById(a);

if(!e) return false; //false ist hier richtig, da es ja sonst semantisch "richtig" war.

  if(e.style.display == "none") {
     e.style.display = "block";
  }
  else {
     e.style.display = "none";
  }

return true;
}


// hier müssen alle Container-IDs eingetragen werden
// die Funktion schaltet alle Boxen auf unsichtbar

function AlleAus01() {
  // alle Elemente ausblenden mit Hilfe der ID's
   document.getElementById("para01").style.display = "none";
   document.getElementById("para02").style.display = "none";
   document.getElementById("para03").style.display = "none";
   document.getElementById("para04").style.display = "none";
   document.getElementById("para05").style.display = "none";
   document.getElementById("para06").style.display = "none";
   document.getElementById("para07").style.display = "none";
}

//  End -->
              </script>

Du hast ja etliche Semikolons vergessen^^ probiers mal so...

Die Semikolons in JavaScript sind optional ( zumindest wenn man immer schön einen Zeilenumbruch macht)

boxxiebabee · 06/27/2012, 22:47

Quote:

Originally Posted by NotEnoughForYou

Die Semikolons in JavaScript sind optional ( zumindest wenn man immer schön einen Zeilenumbruch macht)

Sicher? Also bei mir spackts immer rum wenn ich von vbscript (.asp) zu javascript wechsle und die Semikolons vergesse.

NotEnoughForYou · 06/28/2012, 17:34

Quote:

Originally Posted by boxxiebabee

Sicher? Also bei mir spackts immer rum wenn ich von vbscript (.asp) zu javascript wechsle und die Semikolons vergesse.

Jo, gilt aber als schlechter Stil. Javascript setzt bei einem Zeilenumbruch automatisch ein Semikolon wenn man keins gesetzt hat. Wenn man natuerlich mehrere Anweisungen in einer Zeile hat braucht man es zwingend.