Vollständigen Link anzeigen: javarea.de Forum > JavaScript > Bei betreten der Hp-Seite automatisch auf Wochentagsanker scrollen.
| geschrieben von Scooter07 am 12.05.2006 - 17:02 |
| Hallo bin neu hier und habe ein mit Sicherheit für Euch leichtes Problemchen. Ich habe für meine Bruder eine HP "gestrickt"! Auf der HP ist ein Button mit Namen Sendeplan. Auf dieser Seite ist eine Tabelle (Sendeplan) mit den Wochentagen von Sonntag - Samstag, wo unter den jeweiligen Tagen natürlich Sendedaten stehen. Hier möchte ich das die Seite automatisch an den richtigen Wochentag herunterscrollt wenn ein User diese Seite betritt. Bin zwar nicht der Fitteste in Javascript habe mir aber eines erstellt (funktioniert natürlich noch irgendwie nicht)  Auf eine Hilfestellung von Euch würde ich mich freuen. Hier nun mein Script: Diesen im Kopf der Seite: <script type="JavaScript"> <!-- function jumpToDay(){ // hier die Suche ob schon anker in der Seite sind if(window.location.href.indexOf('#') > -1) return false; var d = new Date(); var dayOfTheWeek = d.getDay(); /* 0 steht für Sonntag -- 6 steht für Samstag */ // und nun soll hier nun zum anker gescrollt werden window.location.href = window.location.href + '#day' + dayOfTheWeek; return true; } //--> </script> im Body: onLoad="jumptoday()" Die Anker sind jeweils auf der Seite in der Tabellenzeile platziert mit Namen day0 bei Sonntag day1 bei Montag ---- bis day6 Samstag Was fehlt in dem Script damit jeder Browser dieses Ausführt? Für eure Hilfe wäre ich sehr Dankbar Gruss Scooter07 |
| geschrieben von Micha am 12.05.2006 - 17:25 | ||||
| Hi, ein korrektes TYPE-Attribute vll?
Deine Anker sind ja im Dokument auch vorhanden oder? ;) Micha |
| geschrieben von Scooter07 am 12.05.2006 - 17:43 |
| Hallo derletztekick, habe deinen Tip auf der HP im Script geändert aber es ist immer noch das gleiche  scrollt nicht zum Wochen Tag "Freitag", öhmm ist heute schon Freitag?.Ähhhmmmm, die Anker sind vorhanden  Hier mal der Link zur HP und klicke gleich mal auf "Sendeplan" http://www.radio-downtown.de |
| geschrieben von Micha am 12.05.2006 - 17:55 | ||||
| Hi, korrigiere mal die URI. Meine Scriptkonsole sagt:
Das JavaScript Case-Sensitiv ist, weißt Du? jumpToDay() vs. jumptoday() Micha |
| geschrieben von Scooter07 am 12.05.2006 - 18:09 |
| danke derletztekick habsch geändert will immer noch nicht autom. scrollen  |
| geschrieben von Scooter07 am 12.05.2006 - 18:10 |
| aber was meint dein Programm mit: jumptoday is not defined fehlt da noch was? |
| geschrieben von Micha am 12.05.2006 - 18:16 | ||||||||||||
Warum habe ich nur gefragt, wenn Du es nicht prüfst?
... das Programm nennt sich Firefox und meint(e), das es diese Methode nicht gibt im Dokument. Diesen fehler hast Du ja nun behoben... Micha |
| geschrieben von René am 12.05.2006 - 18:43 |
| der Anker im Quellcode muss so aussehen: <a id="day51" name="day51"></a> dann gehts auch mit FF usw. |
| geschrieben von Scooter07 am 12.05.2006 - 18:56 |
| Hallo derletztekick, möcht mich herzlichst bei Dir bedanken für Deine schnelle Hilfe. Habe etwas wichtiges im Programm vergessen Da ich auf der Seite mit dem Programm NOF 9 die ersten richtigen Anker (day0, day1, ..., day6) von den platzierungen gelöscht und später wieder neu positioniert hatte, ist nun das Programm weil es meint das es die gleichen Anker nicht nochmal kreiren darf diese gleich dementsprechend bei der letzten publizierung abgeändert! (Zweiställige Zahlen) Habe die Seite Sendeplan im Programm gelöscht da das Programm NOF schon einmal vergebene Anker auf der Seite komplett mit aus dem Seitenspeicher löscht. Die Seite habe ich nun neu eingerichtet ist ja eine minutensache mit NOF und konnte somit die Anker wieder neu auf das richtige benennen! Und siehe da   es funktioniert nun einwandfrei in der Vorschauansicht!und nun auch auf dem Server nun unter radio-sendeplan.html Herzlichen Dank Gruß Scooter07 PS: Vor lauter Tags und Scripts sieht man manchmal den Baum im Walde nicht mehr!!!!  |
| geschrieben von Micha am 12.05.2006 - 19:08 | ||||
Hallo René,
Nein, name reicht völlig schon völlig aus René. Aber wenn heute Freitag ist, liefert getDay() den Wert 5; somit muss der Name _oder_ die ID auch 5 und nicht 51 sein. Das Name-Attribute wird erst mit XHTML hinfällig und durch ID ersetzt. Liebe Grüße |
| geschrieben von Scooter07 am 12.05.2006 - 19:24 |
| Hallo @ all Möchte hier nochmal das funktionierende Script wenn welche es benötigen zur Info darstellen! <HEAD> <script type="text/javascript"> <!-- function jumptoday(){ // hier die Suche ob schon Anker in der Seite sind if(window.location.href.indexOf('#') > -1) return false; // ermitteln des Wochentages var d = new Date(); var dayOfTheWeek = d.getDay(); /* 0: Sonntag -- 6: Samstag */ // und nun soll hier nun zum Anker gescrollt werden window.location.href = window.location.href + '#day' + dayOfTheWeek; return true; } //--> </script> </HEAD> <Body onLoad="jumptoday()"> Erstellen der Anker: <a name ="day0">Sonntag< . . . . . <a name ="day6">Samstag< </body> ------------------------------------------------------------------------------------ Wünsche allen die es benötigen viel Spass mit dem Script!! |