Wert "live" ändern

Phoenix@ · 01.09.2010, 20:50

Hallo,

evtl. kann mir jemand kurz diese Frage beantworten:

Code:

<a href="#">

<input type="hidden" name="hidden" id="hidden" value=""/>

<span class="line-heigh"><span class="green">Bild XXX Wurde erfolgreich gew&auml;hlt</span>

Das sind die 3 Elemente die ich habe, mein Ziel ist es jetzt beim link (<a href="#">) ein onclick Element einzubauen mit Javascript oder evtl. brauche ich auch Ajax?

Jedenfalls würde ich gerne sowas machen <a href="#bild2">

und dass dann die value vom hidden input = bild2 wird und der text eingeblendet wird mit "bild2 wurde erfolgreich gewählt".

Könnt ihr mir dabei vielleicht helfen?

mimomamu · 01.09.2010, 20:53

Code:

document.getElementById("hidden").setAttribute("value", "bild2");

AJAX brauchst du nur wenn du mit dem Server kommunizieren willst.

Phoenix@ · 01.09.2010, 20:55

Wow, das ging ja schnell! Danke dafür! Hätte nicht gedacht dass es so einfach lösbar ist muss ich direkt mal testen.

Also wenn ich den Code jetzt richtig verstehe kann ich auch einfach so machen?

Code:

<span id="text" class="green"></span>

document.getElementByID("text").value = 'Bild2 Wurde erfolgreich gew&auml;hlt';

Wobei da dann ja setAttribute("value", "bild2") fehlt und ich wüsste jetzt auch nicht was der leere bereich da für ein "Attribute" ist.

mimomamu · 01.09.2010, 21:01

Zitat:

Zitat von Phoenix@

Wow, das ging ja schnell!

Dafür hast du aber eine alte Version meines Beitrages gelesen. Die neue ist richtig.

Zitat:

Zitat von Phoenix@

Also wenn ich den Code jetzt richtig verstehe kann ich auch einfach so machen:

Code:

<span id="text" class="green"></span>

document.getElementByID("text").value = 'Bild2 Wurde erfolgreich gew&auml;hlt';

Nö,

Code:

document.getElementByID("text").innerHTML = 'Bild2 Wurde erfolgreich gew&auml;hlt';

ragtek · 01.09.2010, 21:23

Erklärung: Seit wann haben Span Elemente ein Value Attribut?

Phoenix@ · 01.09.2010, 21:41

nochmal danke!

Phoenix@ · 02.09.2010, 09:47

So, 12 Stunden später und ich bekomme es einfach nicht zum laufen -.-

was mache ich falsch?

Ich hasse Javascript so abgrundtief -.-

Habe jetzt mindestens 20, teilweise sehr "kreative", versuche hinter mir ... aber nichts will so wie ich

Code:

<script type="text/javascript"> 
			
function gallery(name){
document.getElementById("gallery").setAttribute("value", name);
document.getElementById("text").innerHTML = name;}
 
</script> 
			
<div> 
<label><span class="line-heigh">Beschreibung Bild:</span></label>
<input type="file" name="upload" id="upload" /> 
</div> 

<div> 
<label><span class="line-heigh">Oder ... Galerie:</span></label>
<span class="line-heigh"><span id="text" class="green">Bild XXX Wurde erfolgreich gew&auml;hlt</span></span>
</div> 
 
<input type="hidden" name="gallery" id="gallery" value="leer"/>  
 
<div id="container"> 
  <div id="gallery_container"> 
    <div id="thumb_container"> 
      <div id="thumbs">

        <a href="#" onclick="gallery(http://www.x.net/_img/gallery/leer.jpg)" ><img src="http://www.x.net/_img/gallery/leer.jpg" width="70" height="70" /></a>
        <a href="#" onclick="gallery(http://www.x.net/_img/gallery/img1.jpg)" ><img src="http://www.x.net/_img/gallery/img1.jpg" width="70" height="70" /></a>
        <a href="#" onclick="gallery(http://www.x.net/_img/gallery/img2.jpg)" ><img src="http://www.x.net/_img/gallery/img2.jpg" width="70" height="70" /></a>

      </div>
    </div> 
  </div>
</div>

mimomamu · 02.09.2010, 10:09

Zitat:

Zitat von Phoenix@

Ich hasse Javascript so abgrundtief -.-

Das legt sich meistens sobald man bemerkt das der Browser (also Firefox) eine Fehlerkonsole besitzt, in die JavaScript Fehler protokolliert.

Zitat:

Zitat von Phoenix@

Code:

        <a href="#" onclick="gallery(http://www.x.net/_img/gallery/leer.jpg)" ><img src="http://www.x.net/_img/gallery/leer.jpg" width="70" height="70" /></a>

In JavaScript werden Zeichenketten durch Anführungszeichen begrenzt, selbst dann, wenn das JavaScript als Attributwert eines HTML-Attributes auftaucht und deshalb selbst in Anführungszeichen steht. Du musst jetzt nur noch entscheiden ob ' oder " geeignet ist.

Phoenix@ · 02.09.2010, 10:15

bah, Du hast ja keine Ahnung wie glücklich ich war in dem Moment wo ich auf das bild geklickt habe und sich der Text tatsächlich geändert hat xD

Danke!

mimomamu · 02.09.2010, 10:30

Freut mich. Ich möchte bei dieser Gelegenheit aber trotzdem noch mal auf die Fehlerkonsole von Firefox hinweisen.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
<option> wert aus DB in Dropdown ausgeben, wo aktueller Wert checked	Lapje	PHP Tipps 2008	9	19.08.2008 11:22
SQL-Problem: Wert in einer Spalte ändern, ohne löschen	phyton	Datenbanken	8	05.02.2007 20:15
Ein wert nache dem auslesen ändern	Zangelo	Datenbanken	1	22.09.2006 16:04
Zellenwerte ändern	webstylist	Datenbanken	10	11.05.2006 12:47
Wie diesen Wert in eine DB einfügen?	Mike²	Datenbanken	5	29.03.2006 23:57
array verarbeitung (schlag auf den hinterkopf)		PHP Tipps 2007	9	16.11.2005 11:37
Vergleich von einem Wert, mit Werten aus einer Tabelle		PHP Tipps 2005	14	01.11.2005 03:04
minus wert, plus wert in variable nutzen		PHP Tipps 2005-2	5	22.10.2005 19:15
[Erledigt] Wert von Reihe 1 mit Wert von Reihe 2 tauschen		Datenbanken	5	20.06.2005 17:21
Problem mit anzeige aus DB, erst nach refresh aktueller wert		PHP Tipps 2005	7	27.04.2005 19:42
kleinsten und größten wert ermitteln	niffi	PHP Tipps 2005	14	26.04.2005 12:42
Wert automatisch erhöhen		PHP Tipps 2005	5	13.02.2005 16:25
Bestimmten Wert in mehreren Zeilen ändern		PHP-Fortgeschrittene	1	06.02.2005 17:41
Array prüfen ob wert vorhanden, wenn ja, wert ändern...		PHP Tipps 2005	4	31.01.2005 22:32
[Erledigt] Problem: per klick auf Button Wert erhöhen/verringern		HTML, Usability und Barrierefreiheit	7	07.10.2004 08:31

01.09.2010, 20:50
Phoenix@ Benutzer Registriert seit: 05.05.2010 Beiträge: 57 PHP-Kenntnisse: Anfänger	Wert "live" ändern Hallo, evtl. kann mir jemand kurz diese Frage beantworten: Code: <a href="#"> <input type="hidden" name="hidden" id="hidden" value=""/> <span class="line-heigh"><span class="green">Bild XXX Wurde erfolgreich gewählt</span> Das sind die 3 Elemente die ich habe, mein Ziel ist es jetzt beim link (<a href="#">) ein onclick Element einzubauen mit Javascript oder evtl. brauche ich auch Ajax? Jedenfalls würde ich gerne sowas machen <a href="#bild2"> und dass dann die value vom hidden input = bild2 wird und der text eingeblendet wird mit "bild2 wurde erfolgreich gewählt". Könnt ihr mir dabei vielleicht helfen? Geändert von Phoenix@ (02.09.2010 um 10:00 Uhr).


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

01.09.2010, 20:53
mimomamu Erfahrener Benutzer Registriert seit: 23.08.2010 Beiträge: 492 PHP-Kenntnisse: Fortgeschritten	Code: document.getElementById("hidden").setAttribute("value", "bild2"); AJAX brauchst du nur wenn du mit dem Server kommunizieren willst. __________________ Meinungen, die ich geäußert habe, sind nicht notwendigerweise meine eigenen. Abweichungen von der deutschen Rechtschreibung unterliegen dem Urheberrecht, dürfen aber unter den Bedingungen von verwendet werden

01.09.2010, 20:55
Phoenix@ Benutzer Registriert seit: 05.05.2010 Beiträge: 57 PHP-Kenntnisse: Anfänger	Wow, das ging ja schnell! Danke dafür! Hätte nicht gedacht dass es so einfach lösbar ist muss ich direkt mal testen. Also wenn ich den Code jetzt richtig verstehe kann ich auch einfach so machen? Code: <span id="text" class="green"></span> document.getElementByID("text").value = 'Bild2 Wurde erfolgreich gewählt'; Wobei da dann ja setAttribute("value", "bild2") fehlt und ich wüsste jetzt auch nicht was der leere bereich da für ein "Attribute" ist. Geändert von Phoenix@ (01.09.2010 um 20:59 Uhr).

01.09.2010, 21:23
ragtek Erfahrener Benutzer Registriert seit: 10.02.2009 Beiträge: 921	Erklärung: Seit wann haben Span Elemente ein Value Attribut?

01.09.2010, 21:41
Phoenix@ Benutzer Registriert seit: 05.05.2010 Beiträge: 57 PHP-Kenntnisse: Anfänger	nochmal danke!

02.09.2010, 10:15
Phoenix@ Benutzer Registriert seit: 05.05.2010 Beiträge: 57 PHP-Kenntnisse: Anfänger	bah, Du hast ja keine Ahnung wie glücklich ich war in dem Moment wo ich auf das bild geklickt habe und sich der Text tatsächlich geändert hat xD Danke!

02.09.2010, 10:30
mimomamu Erfahrener Benutzer Registriert seit: 23.08.2010 Beiträge: 492 PHP-Kenntnisse: Fortgeschritten	Freut mich. Ich möchte bei dieser Gelegenheit aber trotzdem noch mal auf die Fehlerkonsole von Firefox hinweisen. __________________ Meinungen, die ich geäußert habe, sind nicht notwendigerweise meine eigenen. Abweichungen von der deutschen Rechtschreibung unterliegen dem Urheberrecht, dürfen aber unter den Bedingungen von verwendet werden