Java Script problem

Ronny77

Ronny77

Aktives Mitglied
Thread Starter
Dabei seit
12.12.2007
Beiträge
323
Reaktionspunkte
4
Hallo ich hab folgenden JS bekommen.

Code: 
<form name="Bildwechsel" id="0,1-11,31" action="">
Termine</form><p>

<form name="Bildwechsel" id="8,24-8,26" action=""><img border="0" src="http://www.eisloewenfansunited.de/images/termine/eisloewen.gif" alt="" width="50" height="50">
<img border="0" src="http://www.eisloewenfansunited.de/images/termine/blank.jpg" alt="" width="2" height="50">
<img border="0" src="http://www.eisloewenfansunited.de/images/termine/rosenheim.gif" alt="" width="50" height="50"><p>18:00 Uhr 26.09.2010</form>

<form name="Bildwechsel" id="8,24-9,1" action=""><img border="0" src="http://www.eisloewenfansunited.de/images/termine/ravensburg.gif" alt="" width="50" height="50">
<img border="0" src="http://www.eisloewenfansunited.de/images/termine/blank.jpg" alt="" width="2" height="50">
<img border="0" src="http://www.eisloewenfansunited.de/images/termine/eisloewen.gif" alt="" width="50" height="50"><p>
20:00 Uhr 1.10.2010</form>

<form name="Bildwechsel" id="8,24-9,3" action=""><img border="0" src="http://www.eisloewenfansunited.de/images/termine/eisloewen.gif" alt="" width="50" height="50">
<img border="0" src="http://www.eisloewenfansunited.de/images/termine/blank.jpg" alt="" width="2" height="50">
<img border="0" src="http://www.eisloewenfansunited.de/images/termine/schwenningen.gif" alt="" width="50" height="50"><p>
18:000 Uhr 3.10.2010</form>

<form name="Bildwechsel" id="8,24-9,4" action="">
Spielfrei<p>
8.10.2010</form>

<form name="Bildwechsel" id="8,27-9,10" action=""><img border="0" src="http://www.eisloewenfansunited.de/images/termine/eisloewen.gif" alt="" width="50" height="50">
<img border="0" src="http://www.eisloewenfansunited.de/images/termine/blank.jpg" alt="" width="2" height="50">
<img border="0" src="http://www.eisloewenfansunited.de/images/termine/bietigheim.gif" alt="" width="50" height="50"><p>
18:00 Uhr 10.10.2010</form>

<form name="Bildwechsel" id="9,2-9,15" action=""><img border="0" src="http://www.eisloewenfansunited.de/images/termine/eisloewen.gif" alt="" width="50" height="50">
<img border="0" src="http://www.eisloewenfansunited.de/images/termine/blank.jpg" alt="" width="2" height="50">
<img border="0" src="http://www.eisloewenfansunited.de/images/termine/crimmitschau.gif" alt="" width="50" height="50"><p>
20:00 Uhr 15.10.2010</form>

<form name="Bildwechsel" id="9,4-9,17" action=""><img border="0" src="http://www.eisloewenfansunited.de/images/termine/hannover.gif" alt="" width="50" height="50">
<img border="0" src="http://www.eisloewenfansunited.de/images/termine/blank.jpg" alt="" width="2" height="50">
<img border="0" src="http://www.eisloewenfansunited.de/images/termine/eisloewen.gif" alt="" width="50" height="50"><p>
19:00 Uhr 17.10.2010</form>

<form name="Bildwechsel" id="9,9-9,22" action=""><img border="0" src="http://www.eisloewenfansunited.de/images/termine/landshut.gif" alt="" width="50" height="50">
<img border="0" src="http://www.eisloewenfansunited.de/images/termine/blank.jpg" alt="" width="2" height="50">
<img border="0" src="http://www.eisloewenfansunited.de/images/termine/eisloewen.gif" alt="" width="50" height="50"><p>
19:30 Uhr 22.10.2010</form>

<form name="Bildwechsel" id="9,11-9,24" action=""><img border="0" src="http://www.eisloewenfansunited.de/images/termine/eisloewen.gif" alt="" width="50" height="50">
<img border="0" src="http://www.eisloewenfansunited.de/images/termine/blank.jpg" alt="" width="2" height="50">
<img border="0" src="http://www.eisloewenfansunited.de/images/termine/freiburg.gif" alt="" width="50" height="50"><p>
18:00 Uhr 24.10.2010</form>

<form name="Bildwechsel" id="9,16-9,29" action=""><img border="0" src="http://www.eisloewenfansunited.de/images/termine/eisloewen.gif" alt="" width="50" height="50">
<img border="0" src="http://www.eisloewenfansunited.de/images/termine/blank.jpg" alt="" width="2" height="50">
<img border="0" src="http://www.eisloewenfansunited.de/images/termine/weisswasser.gif" alt="" width="50" height="50"><p>
20:00 Uhr 29.10.2010</form>

<form name="Bildwechsel" id="9,18-9,31" action=""><img border="0" src="http://www.eisloewenfansunited.de/images/termine/heilbronn.gif" alt="" width="50" height="50">
<img border="0" src="http://www.eisloewenfansunited.de/images/termine/blank.jpg" alt="" width="2" height="50">
<img border="0" src="http://www.eisloewenfansunited.de/images/termine/eisloewen.gif" alt="" width="50" height="50"><p>
18:30 Uhr 31.10.2010</form>

<form name="Bildwechsel" id="9,23-10,5" action=""><img border="0" src="http://www.eisloewenfansunited.de/images/termine/eisloewen.gif" alt="" width="50" height="50">
<img border="0" src="http://www.eisloewenfansunited.de/images/termine/blank.jpg" alt="" width="2" height="50">
<img border="0" src="http://www.eisloewenfansunited.de/images/termine/ravensburg.gif" alt="" width="50" height="50"><p>
20:00 Uhr 05.11.2010</form>

<form name="Bildwechsel" id="9,25-10,7" action=""><img border="0" src="http://www.eisloewenfansunited.de/images/termine/schwenningen.gif" alt="" width="50" height="50">
<img border="0" src="http://www.eisloewenfansunited.de/images/termine/blank.jpg" alt="" width="2" height="50">
<img border="0" src="http://www.eisloewenfansunited.de/images/termine/eisloewen.gif" alt="" width="50" height="50"><p>
18:00 Uhr 07.11.2010</form>

<form name="Bildwechsel" id="9,30-10,17" action=""><img border="0" src="http://www.eisloewenfansunited.de/images/termine/eisloewen.gif" alt="" width="50" height="50">
<img border="0" src="http://www.eisloewenfansunited.de/images/termine/blank.jpg" alt="" width="2" height="50">
<img border="0" src="http://www.eisloewenfansunited.de/images/termine/weisswasser.gif" alt="" width="50" height="50"><p>
16:00 Uhr 17.11.2010</form>

<script type="text/javascript">

if(document.Bildwechsel)
{
var Zeitpunkt = (new Date()).getTime();
var dieses_Jahr = (new Date()).getYear();
var Durchlaeufe = document.Bildwechsel.length;
var eine_Form = Durchlaeufe<1;

if(dieses_Jahr<1900)
dieses_Jahr+=1900;
if(eine_Form)
Durchlaeufe++;

for(var i=0;i<Durchlaeufe;i++)
{
die_Form = eine_Form ? document.Bildwechsel:document.Bildwechsel[i];
with(die_Form.id)
var von_bis = new Array(substring(0,indexOf("-")),substring(indexOf("-")+1));
var Anzeigedaten = new Array();

for(var j=0;j<2;j++)
Anzeigedaten[j] = eval("new Date("+dieses_Jahr+","+von_bis[j]+")").getTime()+(j<1 ? 0:86400000);

if((Zeitpunkt<Anzeigedaten[0])||(Zeitpunkt>Anzeigedaten[1]))
die_Form.style.display = "none";
}
}

</script>

Das ganze funktioniert auch ganz gut ausser im Firefox.Entweder es wird nichts angezeigt oder es wird alles angezeigt.Eigentlich sollen ja die nicht relevanten Bilder ausgeblendet werden.Hab das mit IE , Opera und Safari probiert und da geht es ohne probleme.Kann Firefox das einfach nicht oder bin ich du doof die Einstellungen richtig zu Konfigurieren.

gruß Ronny
 
Was zeigt dir die Firefox Fehlerkonsole? Extras > Fehlerkonsole.
 
Firefox sagt Selektor erwartet. Regelsatz wegen ungültigem Selektor ignoriert.
 
Aktuelle FF Version?
 
Hab Firefox/3.6.8 gibts da einen Aktuelleren? Ist aber bei Windows und Firefox genau das gleiche.Es wir einfach nicht angezeigt.
 
Das Problem sind die nicht schließenden <p>-Tags.
Der Firefox bekommt nicht mit, das sich die erste form schließt und ein display none auf das Element blendet dann alles aus.

Wenn Du in meinem Beispiel aus
<p>18:00 Uhr 26.09.2010
folgendes machst
<p>18:00 Uhr 26.09.2010</p>

dann siehst Du anhand der roten Border, das er nun erkennt, das das form-Tag zugeht.


Anbei mal der etwas veränderte und aufgeäumte Code:
Code: 
<html>
<head></head>
<body>
<form name="Bildwechsel" id="0,1-11,31" action="">
Termine</form><p>

<form name="Bildwechsel" id="8,24-8,26" action=""><img border="0" src="http://www.eisloewenfansunited.de/images/termine/eisloewen.gif" alt="" width="50" height="50">
<img border="0" src="http://www.eisloewenfansunited.de/images/termine/blank.jpg" alt="" width="2" height="50">
<img border="0" src="http://www.eisloewenfansunited.de/images/termine/rosenheim.gif" alt="" width="50" height="50"><p>18:00 Uhr 26.09.2010</form>

<form name="Bildwechsel" id="8,24-9,1" action=""><img border="0" src="http://www.eisloewenfansunited.de/images/termine/ravensburg.gif" alt="" width="50" height="50">
<img border="0" src="http://www.eisloewenfansunited.de/images/termine/blank.jpg" alt="" width="2" height="50">
<img border="0" src="http://www.eisloewenfansunited.de/images/termine/eisloewen.gif" alt="" width="50" height="50"><p>
20:00 Uhr 1.10.2010</form>

<form name="Bildwechsel" id="8,24-9,3" action=""><img border="0" src="http://www.eisloewenfansunited.de/images/termine/eisloewen.gif" alt="" width="50" height="50">
<img border="0" src="http://www.eisloewenfansunited.de/images/termine/blank.jpg" alt="" width="2" height="50">
<img border="0" src="http://www.eisloewenfansunited.de/images/termine/schwenningen.gif" alt="" width="50" height="50"><p>
18:000 Uhr 3.10.2010</form>

<form name="Bildwechsel" id="8,24-9,4" action="">
Spielfrei<p>
8.10.2010</form>

<form name="Bildwechsel" id="8,27-9,10" action=""><img border="0" src="http://www.eisloewenfansunited.de/images/termine/eisloewen.gif" alt="" width="50" height="50">
<img border="0" src="http://www.eisloewenfansunited.de/images/termine/blank.jpg" alt="" width="2" height="50">
<img border="0" src="http://www.eisloewenfansunited.de/images/termine/bietigheim.gif" alt="" width="50" height="50"><p>
18:00 Uhr 10.10.2010</form>

<form name="Bildwechsel" id="9,2-9,15" action=""><img border="0" src="http://www.eisloewenfansunited.de/images/termine/eisloewen.gif" alt="" width="50" height="50">
<img border="0" src="http://www.eisloewenfansunited.de/images/termine/blank.jpg" alt="" width="2" height="50">
<img border="0" src="http://www.eisloewenfansunited.de/images/termine/crimmitschau.gif" alt="" width="50" height="50"><p>
20:00 Uhr 15.10.2010</form>

<form name="Bildwechsel" id="9,4-9,17" action=""><img border="0" src="http://www.eisloewenfansunited.de/images/termine/hannover.gif" alt="" width="50" height="50">
<img border="0" src="http://www.eisloewenfansunited.de/images/termine/blank.jpg" alt="" width="2" height="50">
<img border="0" src="http://www.eisloewenfansunited.de/images/termine/eisloewen.gif" alt="" width="50" height="50"><p>
19:00 Uhr 17.10.2010</form>

<form name="Bildwechsel" id="9,9-9,22" action=""><img border="0" src="http://www.eisloewenfansunited.de/images/termine/landshut.gif" alt="" width="50" height="50">
<img border="0" src="http://www.eisloewenfansunited.de/images/termine/blank.jpg" alt="" width="2" height="50">
<img border="0" src="http://www.eisloewenfansunited.de/images/termine/eisloewen.gif" alt="" width="50" height="50"><p>
19:30 Uhr 22.10.2010</form>

<form name="Bildwechsel" id="9,11-9,24" action=""><img border="0" src="http://www.eisloewenfansunited.de/images/termine/eisloewen.gif" alt="" width="50" height="50">
<img border="0" src="http://www.eisloewenfansunited.de/images/termine/blank.jpg" alt="" width="2" height="50">
<img border="0" src="http://www.eisloewenfansunited.de/images/termine/freiburg.gif" alt="" width="50" height="50"><p>
18:00 Uhr 24.10.2010</form>

<form name="Bildwechsel" id="9,16-9,29" action=""><img border="0" src="http://www.eisloewenfansunited.de/images/termine/eisloewen.gif" alt="" width="50" height="50">
<img border="0" src="http://www.eisloewenfansunited.de/images/termine/blank.jpg" alt="" width="2" height="50">
<img border="0" src="http://www.eisloewenfansunited.de/images/termine/weisswasser.gif" alt="" width="50" height="50"><p>
20:00 Uhr 29.10.2010</form>

<form name="Bildwechsel" id="9,18-9,31" action=""><img border="0" src="http://www.eisloewenfansunited.de/images/termine/heilbronn.gif" alt="" width="50" height="50">
<img border="0" src="http://www.eisloewenfansunited.de/images/termine/blank.jpg" alt="" width="2" height="50">
<img border="0" src="http://www.eisloewenfansunited.de/images/termine/eisloewen.gif" alt="" width="50" height="50"><p>
18:30 Uhr 31.10.2010</form>

<form name="Bildwechsel" id="9,23-10,5" action=""><img border="0" src="http://www.eisloewenfansunited.de/images/termine/eisloewen.gif" alt="" width="50" height="50">
<img border="0" src="http://www.eisloewenfansunited.de/images/termine/blank.jpg" alt="" width="2" height="50">
<img border="0" src="http://www.eisloewenfansunited.de/images/termine/ravensburg.gif" alt="" width="50" height="50"><p>
20:00 Uhr 05.11.2010</form>

<form name="Bildwechsel" id="9,25-10,7" action=""><img border="0" src="http://www.eisloewenfansunited.de/images/termine/schwenningen.gif" alt="" width="50" height="50">
<img border="0" src="http://www.eisloewenfansunited.de/images/termine/blank.jpg" alt="" width="2" height="50">
<img border="0" src="http://www.eisloewenfansunited.de/images/termine/eisloewen.gif" alt="" width="50" height="50"><p>
18:00 Uhr 07.11.2010</form>

<form name="Bildwechsel" id="9,30-10,17" action=""><img border="0" src="http://www.eisloewenfansunited.de/images/termine/eisloewen.gif" alt="" width="50" height="50">
<img border="0" src="http://www.eisloewenfansunited.de/images/termine/blank.jpg" alt="" width="2" height="50">
<img border="0" src="http://www.eisloewenfansunited.de/images/termine/weisswasser.gif" alt="" width="50" height="50"><p>
16:00 Uhr 17.11.2010</form>

<script type="text/javascript">

if(document.Bildwechsel){
  var Zeitpunkt = (new Date()).getTime();
  var dieses_Jahr = (new Date()).getYear();
  var Durchlaeufe = document.Bildwechsel.length;
  var eine_Form = Durchlaeufe<1;

  if(dieses_Jahr<1900){
    dieses_Jahr+=1900;
  }
  
  if(eine_Form){
    Durchlaeufe++;
  }

    for(var i=0;i<Durchlaeufe;i++){
      die_Form = eine_Form ? document.Bildwechsel:document.Bildwechsel[i];

      with(die_Form.id){
        var von_bis = new Array(substring(0,indexOf("-")),substring(indexOf("-")+1));
      }

      var Anzeigedaten = new Array();
    
      for(var j=0;j<2;j++){
        Anzeigedaten[j] = eval("new Date("+dieses_Jahr+","+von_bis[j]+")").getTime()+(j<1 ? 0:86400000);
      }
      
      if((Zeitpunkt<Anzeigedaten[0])||(Zeitpunkt>Anzeigedaten[1])){
        //alert(Zeitpunkt + " / " +  Anzeigedaten[0] + " / " + Anzeigedaten[1]);    
        //alert(die_Form.id);
        //exit;
        //die_Form.style.display = "none";
        die_Form.style.border = "1px solid red";
        break;
      }

    }

}

</script>
</body>
</html>
 
@rm -r *
Angezeigt wird das jetzt im Firefox,allerdings funktioniert die selektierung nicht mehr.Jetzt wird alles Angezeigt und nicht wie gewünscht nur die 4 Aktuell anstehenden Termine.

Link
 
Im Javascript habe ich in der Schleife ein Break gemacht, weil ich nur den ersten Treffer brauchte.
Schmeiß das Break mal wieder raus und dann sollte es sich "richtig" verhalten, wenn Du die schließenden <p>-Tags gesetzt hast.
 
Ich weiß nicht, ob das die Problemursache ist, aber Du hast ständig solche IDs wie
id="9,23-10,5".

Das sind ungültige Bezeichner! IDs müssen mit einem Buchstaben beginnen, danach dürften weitere Buchstaben sowei Zahlen, Binde- und Unterstrich, Punkte und Doppelpunkte folgen – Kommas sind nicht erlaubt.
Du hast also direkt zwei »Syntaxfehler« in den IDs, und das könnte den Browser durchaus aus dem Tritt bringen (kommt halt darauf an, wie fehlertolerant er ist).
 
Bei den ID`s handelt es sich um die Datumsangaben wann die Bilder zu sehen sein sollen.Ich hab selber nicht die Ahnung von Java Script und hab das Script in einen Script Forum bekommen.
Wie könnte man die Aufgabe alternativ lösen falls das mit dem Script doch nicht so funktioniert.Es sollen halt Bilder von - bis zu sehen sein.
Probleme macht es ja auch nur in Firefox :confused:
 
Ronny77 schrieb:
Bei den ID`s handelt es sich um die Datumsangaben wann die Bilder zu sehen sein sollen.
Zum Vergrößern anklicken....

Okay, aber das ließe sich auch mit gültigen IDs hinbekommen, z.B. statt
id="9,23-10,5" einfach id="v0923-1005" – das »v« schneidet man einfach ab, Aufteilen dann anhand des »-« und von den verbleibenden zwei Vierergruppen sind jew. die ersten beiden Zahlen der Monat und die letzten beiden Zahl der Tag.

Fertige Lösung für diese Lösung kann ich aber leider nicht bieten (JS ist nicht so mein Ding, in PHP wär’s was anderes).


Ronny77 schrieb:
Probleme macht es ja auch nur in Firefox :confused:
Zum Vergrößern anklicken....

Naja, wie ich schon angedeutet habe: Ein fehlertoleranter Browser würde es einfach ignorieren, dass die IDs nicht den Spezifikationen entsprechen. Aber der Firefox ist nunmal nicht sehr fehlertolerant. Ob er auch dieses »Vergehen« ahndet, weiß ich nicht, aber ich würde halt in diese Richtung weiterforschen.
 
das werd ich morgen mal probieren und bescheid geben ob´s funktioniert.
 
@ Atarimaster
Hab den Code jetzt so abgeändert aber auch da funktioniert sie selektierung nicht.:(
Haben eben erstmal FF User pech bis es den mal geht.

Code: 
<form name="Bildwechsel" id="v0824-0826" action=""><img border="0" src="http://www.eisloewenfansunited.de/images/termine/eisloewen.gif" alt="" width="50" height="50">
<img border="0" src="http://www.eisloewenfansunited.de/images/termine/blank.jpg" alt="" width="2" height="50">
<img border="0" src="http://www.eisloewenfansunited.de/images/termine/rosenheim.gif" alt="" width="50" height="50"><p>
18:00 Uhr 26.09.2010</p></form>

<form name="Bildwechsel" id="v0824-0901" action=""><img border="0" src="http://www.eisloewenfansunited.de/images/termine/ravensburg.gif" alt="" width="50" height="50">
<img border="0" src="http://www.eisloewenfansunited.de/images/termine/blank.jpg" alt="" width="2" height="50">
<img border="0" src="http://www.eisloewenfansunited.de/images/termine/eisloewen.gif" alt="" width="50" height="50"><p>
20:00 Uhr 1.10.2010</p></form>
 
Ronny77 schrieb:
Hab den Code jetzt so abgeändert aber auch da funktioniert sie selektierung nicht.Haben eben erstmal FF User pech bis es den mal geht.
Zum Vergrößern anklicken....

Meine Lösung funktioniert doch und ich habe Dir auch erklärt, wo das Problem liegt und wie man es beheben kann.
Ich vertsehe nicht ganz, was für ein Problem Du jetzt noch hast ?
 
Es geht jetzt doch.Hab dein Script aber am ende etwas ändern müßen.

Code: 
 if((Zeitpunkt<Anzeigedaten[0])||(Zeitpunkt>Anzeigedaten[1])){
        //alert(Zeitpunkt + " / " +  Anzeigedaten[0] + " / " + Anzeigedaten[1]);    
        //alert(die_Form.id);
        //exit;
       die_Form.style.display = "none";

jetzt geht es auf jeden fall unter OSX in allen Browsen.Danke dir für die hilfe,hätte das wahrescheinlich nie gefunden.
 
Zuletzt bearbeitet:
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben Unten