ich hab folgendes Szenario:
Banner 1
Banner 2
Banner 3
Banner 4
Ich lese die Bilder aus einem MySQL Blobfeld. Aus einer anderen Tabelle heraus vergleiche is welches der "Aktive" Banner ist. Nun möchte ich nicht wie bisher einen Radio Button davor stehen haben, sondern eine Umrandung für den aktiven Button. Das ganze befindet sich in einem Adminpanel und innerhalb eines Formulars. wird nun ein anderer Banner ausgewählt, möchte ich dass ich auch dort eine Umrandung hab, allerdings eine gestrichelte, oder farblich abgewedelte. Klicke ich nun in dem Formular auf absenden, soll mir für den ausgewählten Banner ein Value übergeben werden.
Könnte mir da bitte jemand auf die Sprünge helfen? Ich schätz mit PHP und xHTML allein komm ich da nicht weiter.
greets h32Lg
EDIT:
Mein erster Ansatz (ich hab Null Peil von Javascript)
Code: Alles auswählen
<img src="show_picture.php?id='.$i.'" name="bild'.$i.'" alt="Bild" class="show_picture" onclick="borderchange("'.$i.'","4")" />
Code: Alles auswählen
function borderchange(nr,ende) {
for (i=1; i <= ende; ++i) {
document.getElementById(i).style.border="0";
}
document.getElementById(nr).style.border="2";
}
Code: Alles auswählen
var zuletztMarkiert = false;
function markieren(...) {
if(zuletztMarkiert) {
}
zuletztMarkiert = aktuellesBild;
}
Desweitern steht es immer noch in einem Formular drin. Sendet man nun das Formular ab, soll ermittelt werden welcher Banner den 2px Border hat (ausgewählt ist) um die entsprechende Bannernummer (1-4) an das PHP-Script weiter zu geben.
greets h32Lg
EDIT2:
Nun bin ich doch schon so weit gekommen, dass er mir rechts einen roten Balken hinter meinen Banner setzt, den ich gerade angeklickt habe. Doch wie übergebe ich nun dem Formular, welchen Banner ich angeklickt habe und per Submit als neuen setzen möchte?
Bisheriges Javascript:
Code: Alles auswählen
function set(nr)
{
//var gewaehlt = nr;
for (i=1; i <= 4; ++i) { document.getElementById(i).style.borderRight = '' }
//document.getElementById(gewaehlt).style.borderRight = ''
document.getElementById(nr).style.borderRight = '5px solid #990000'
}
EDIT3:
Es klappt nun mit folgendem Code:
Javascript:
Code: Alles auswählen
function set (nr) {
for (i=1; i <= 4; ++i) { document.getElementById(i).style.borderRight = ''; }
document.getElementById(nr).style.borderRight = '5px solid #990000';
document.formular.hidden.value=nr;
}
Für jeden Banner:
Code: Alles auswählen
<img src="show_picture.php?id='.$i.'" name="bild'.$i.'" id="'.$i.'" alt="Bild" class="show_picture" onclick="set('.$i.')" />
Code: Alles auswählen
<input type="hidden" id="hidden" name="hidden" />
greets h32Lg