Listview mit Javascript
Verfasst: Di 1. Jul 2003, 15:20
Hallo zusammen,
folgendes Problem (was auch sonst;-)
Ich habe 2 Frames (Kundenwunsch, ist nicht zu ändern), oben ein Menu aus 5 Presseinfos, unten Inhalt.
Im Menu sind die Headlines der Infos jeweils mit einer Buttongrafik davor.
die sich bei MouseOver ändert und bei Click die andern Buttons zurücksetzt, den eigenen Button auf den On-Zustand bringt und die entsprechende News im unteren Frame öffnet.
Das Menu soll mit den entsprechenden we:tags immer die 5 aktuellsten News darstellen, das ist auch kein Problem. Aber wie binde ich das Javascript für die Buttons ein?
Das Script sieht so aus:
var clickst=new Array(8); var bildon=new Array(8); var bildoff=new Array(8); var bildcl=new Array(8); var nr=1;
for (i=1; i<8; i++) {
clickst=0;
bildon=new Image(); bildon.src="../pix/submenu/but.gif";
bildoff=new Image(); bildoff.src="../pix/submenu/buto.gif"
bildcl=new Image(); bildcl.src="../pix/submenu/but.gif"
}
function bildan(bildnr) {nr=bildnr;
if (clickst[bildnr]==0) { document['bild' + nr].src=bildon[nr].src;}
}
function bildaus(bildnr) {nr=bildnr;
if (clickst[bildnr]==0) { document['bild' + nr].src=bildoff[nr].src}
}
function bildclick(bildnr) {nr=bildnr;
for (i=1; i<6; i++) {clickst=0; document['bild' + i].src=bildoff.src}
clickst[nr]=1; document['bild' + nr].src=bildcl[nr].src
}
und in den Link für die erste Info im Menu kommt dann:
ONCLICK="bildclick(1);" ONMOUSEOVER="bildan(1);" ONMOUSEOUT="bildaus(1);"
im nächsten Link dann Nummer 2 usw. bis zur 5.
Das kann natürlich nicht funktionieren, wenn ich mit we:repeat arbeite.
Es muss aber schon "automatisch" funktionieren, damit der Redakteur das Menu nicht bearbeiten muss.
Gibts da eine Lösung? Wäre super!
folgendes Problem (was auch sonst;-)
Ich habe 2 Frames (Kundenwunsch, ist nicht zu ändern), oben ein Menu aus 5 Presseinfos, unten Inhalt.
Im Menu sind die Headlines der Infos jeweils mit einer Buttongrafik davor.
die sich bei MouseOver ändert und bei Click die andern Buttons zurücksetzt, den eigenen Button auf den On-Zustand bringt und die entsprechende News im unteren Frame öffnet.
Das Menu soll mit den entsprechenden we:tags immer die 5 aktuellsten News darstellen, das ist auch kein Problem. Aber wie binde ich das Javascript für die Buttons ein?
Das Script sieht so aus:
var clickst=new Array(8); var bildon=new Array(8); var bildoff=new Array(8); var bildcl=new Array(8); var nr=1;
for (i=1; i<8; i++) {
clickst=0;
bildon=new Image(); bildon.src="../pix/submenu/but.gif";
bildoff=new Image(); bildoff.src="../pix/submenu/buto.gif"
bildcl=new Image(); bildcl.src="../pix/submenu/but.gif"
}
function bildan(bildnr) {nr=bildnr;
if (clickst[bildnr]==0) { document['bild' + nr].src=bildon[nr].src;}
}
function bildaus(bildnr) {nr=bildnr;
if (clickst[bildnr]==0) { document['bild' + nr].src=bildoff[nr].src}
}
function bildclick(bildnr) {nr=bildnr;
for (i=1; i<6; i++) {clickst=0; document['bild' + i].src=bildoff.src}
clickst[nr]=1; document['bild' + nr].src=bildcl[nr].src
}
und in den Link für die erste Info im Menu kommt dann:
ONCLICK="bildclick(1);" ONMOUSEOVER="bildan(1);" ONMOUSEOUT="bildaus(1);"
im nächsten Link dann Nummer 2 usw. bis zur 5.
Das kann natürlich nicht funktionieren, wenn ich mit we:repeat arbeite.
Es muss aber schon "automatisch" funktionieren, damit der Redakteur das Menu nicht bearbeiten muss.
Gibts da eine Lösung? Wäre super!