✔ getElementById um eins erhöhen

[snackx]

Hallo,

hört sich blöd an, aber ich stehe wahrscheinlich mitten im Wald und sehe keinen Baum mehr.

ich habe ein kleines Script wo man im Moment Bild, aus einem Popup, auswählen kann und dieses wird dann via getElementById im Hauptfenster angezeigt und später übernommen. Das Popup ist ein Bilderverzeichnis, worin man Bilder hochladen, löschen usw. kann.

Nun mein Problem, bisher reichte es, wenn ich ein Bild auswählen konnte, nun möchte ich aber mehrer Bilder aus dem PopUp auswählen können, sprich ich gebe eine Maximalzahl vor und der User kann Maximal diese Anzahl an Bilder auswählen.

Hier das Script um das Bild zu wählen:
<img src="../pic/blind.gif" alt="<?=$rx["bild"];?>" id="pic3" height="50" width="40"><br>
<input type="hidden" name="bild" id="pic1"><br />
<a href="dbpic.php" onclick="popUp(this.href); return false;">Bild w&auml;hlen</a>
<br>
<b>Pfad</b>: <span id="pix2">&nbsp;</span>


und hier das JS vom Popup:

function insertPic(str) {
if( opener ) {
opener.document.getElementById("pic1").value = str;
opener.document.getElementById("pic2").innerHTML = str;
opener.document.getElementById("pic3").src = str;
}

und der Link zum Auswählen des Bildes
$ox=Verzeichnis
$media_name=Dateiname
<a href="#" onclick="insertPic('".$ox."$media_name');window.close();return false;>Bild anzeigen</a>


Vielen Dank für eure Hilfe

Dirk

 

[Sven Mintel]

Moin Dirk,

so recht ist das aus deinem Code nicht ersichtlich, könntest du bitte mal markieren, wo du im Code die ID erhöhen willst....und wann soll die ID erhöht werden(auf welche Benutzeraktion hin)?

 

[kuddeldaddeldu]

Hi,

meinst Du vielleicht so etwas in der Art?

<img src="../pic/blind.gif" id="bild1" /><br />
<input type="hidden" name="bild" id="input1" /><br />
<b>Pfad</b>: <span id="pfad1">&nbsp;</span>

<img src="../pic/blind.gif" id="bild2" /><br />
<input type="hidden" name="bild" id="input2" /><br />
<b>Pfad</b>: <span id="pfad2">&nbsp;</span>

function insertPic(str, which) {
   if( opener ) {
      opener.document.getElementById("input" + which).value = str;
      opener.document.getElementById("pfad" + which).innerHTML = str;
      opener.document.getElementById("bild" + which).src = str;
   }
}

LG

 

[snackx]

Moin Moin

sicher

dieser Code ist auf der Hauptseite, hiermit wird das Popup geöffnet und das ausgewählte Bild angezeigt, die IDs zum Anzeigen sind pic1, pic2 und pic3

<img src="../pic/blind.gif" alt="<?=$rx["bild"];?>" id="pic3" height="50" width="40"><br>
<b>Pfad</b>: <span id="pix2">&nbsp;</span><br>
<input type="hidden" name="bild" id="pic1"><br />
<a href="dbpic.php" onclick="popUp(this.href); return false;">Bild w&auml;hlen</a>
<br>

ich möchte nun nur einen Link/Button haben, aber trotzdem möchte damit eine bestimmte Anzahl an Bildern aus dem PopUp übernehmen.

In der Art von kuddeldaddeldu.

Wenn ich schon ein Bild ausgewählt habe und noch eines möchte soll der User auf den Link <a href="dbpic.php" onclick="popUp(this.href); return false;">Bild hinzufügen</a> klicken. Wie kann ich dem JS dann mitteilen bei welcher ID er ist um die dieses Codes zu erweitern bzw. ein Bild hinzuzufügen ?

<img src="../pic/blind.gif" id="bild1" /><br />
<input type="hidden" name="bild" id="input1" /><br />
<b>Pfad</b>: <span id="pfad1">&nbsp;</span>

Vielen Dank

Dirk

 

[kuddeldaddeldu]

Hi,

Du könntest in Deiner Seite eine globale Variable anlegen und hochzählen, wenn ein Bild hinzugefügt wurde.

LG