Input Text öffnet div tag

Mitglied: jocheng

jocheng (Level 1) - Jetzt verbinden

05.04.2016 um 19:03 Uhr, 972 Aufrufe, 22 Kommentare

Hallo Leute
Ich suche nach einem ganz einfachen weg ein Div durch ein <input type text zu öffnen (nur HTML und CSS)

Was will ich???
Es soll eine einfache Frage gestellt werden zum beispiel "Wie heißt der Kaier von...." bei der Antwort China soll darunter ein kleiner <div> tag aufgehen. Das wars schon. Kann mir jemand helfen???? Mir fehlt die Richtige Idee und leider auch die Kenntnis.

Gruß
Jo
Mitglied: agowa338
05.04.2016 um 20:04 Uhr
Ohne javascript wird das wohl nicht gehen... (oder php)
Bitte warten ..
Mitglied: 114757
114757 (Level 4)
05.04.2016, aktualisiert um 22:59 Uhr
Bitte warten ..
Mitglied: jocheng
07.04.2016 um 14:55 Uhr
Super genial @114757 klappt einfach traumhaft. Ich schau mal das ich mir noch nen absende button einbaue aber das denke ich kriege ich schon hin. Der Java Code war das was mir gefehlt hat :( face-sad und was ich einfach nicht kann :( face-sad
Bitte warten ..
Mitglied: 114757
114757 (Level 4)
07.04.2016, aktualisiert 09.04.2016
Zitat von @jocheng:
Super genial @114757 klappt einfach traumhaft. Ich schau mal das ich mir noch nen absende button einbaue
https://jsfiddle.net/6ck6qnvb/11/
Bitte warten ..
Mitglied: jocheng
09.04.2016 um 16:48 Uhr
Das geht aber nicht!! oder klappt es bei dir?
Bitte warten ..
Mitglied: 114757
114757 (Level 4)
09.04.2016, aktualisiert um 18:23 Uhr
War nur ein Tippfühler :-) face-smile Ist korrigiert.
Bitte warten ..
Mitglied: jocheng
09.04.2016 um 20:03 Uhr
Perfekt jetzt muß ich nur noch statt dem Korrekt einen {include file="details/item.tpl"} ausführen können oder einen Link (a href) setzen können dann habe ich alles.

reicht da ein inner.HTML???
Bitte warten ..
Mitglied: 114757
114757 (Level 4)
09.04.2016, aktualisiert um 21:05 Uhr
Entweder du setzt die Eigenschaft innerHTML des DIVs per JavaScript so wie ich es im Beispiel gemacht habe.

Oder du setzt das Template direkt in den DIV im HTML-Code und setzt dann im Inline-Style des DIVs den DIV initial als ausgeblendet
In dem Fall lässt du dann zusätzlich die Zeilen in denen der Inhalt gesetzt wird weg
Das sind diese:
Fertsch ...
Bitte warten ..
Mitglied: jocheng
10.04.2016 um 08:46 Uhr
<DIV id="answer_div" style="display:none"></DIV>

damit geht es gut nur das Problem ist das ich dann entweder bei beiden den Inhalt des divs angezeigt bekomme oder eben nicht. Bei der falschen Antwort kann ich das div zwar einfach auf none lassen aber dann kommt keine Fehlermeldung. auch mit :before habe ich keine Richtige Lösung hinbekommen. Hast du ne Idee?

Zudem wird der Smarty Include einfach nicht ausgeführt :/ (im div). HTML Links gehen :) face-smile
Bitte warten ..
Mitglied: 114757
114757 (Level 4)
10.04.2016, aktualisiert um 09:16 Uhr
Dann mach halt zwei DIVs die du je nach Antwort einblendest oder eben ja nach Antwort den entsprechenden Inhalt rein schreibst.
Einfach mal das Hirn einschalten....
Bitte warten ..
Mitglied: jocheng
10.04.2016 um 15:30 Uhr
habe es mit nem 2ten div gemacht. Kannst du mir sagen woran es liegt das ein include mit vode {include file="details/item.tpl"} nicht klappt?
Bitte warten ..
Mitglied: 114757
114757 (Level 4)
10.04.2016, aktualisiert um 15:47 Uhr
Ich kenn dein CMS und Template System nicht ...
Du wirst wohl die Tags im JavaScript escapen müssen das handelt jedes System anders. Denn geschweifte Klammern sind nunmal in JavaScript spezielle Zeichen die interpretiert werden.
Schau einfach in die Doku deines CMS da steht das 100% drin!!
Bitte warten ..
Mitglied: jocheng
19.04.2016 um 13:08 Uhr
Hey Jodel32 ich habe mich heute nochmal dran gesetzt und es geht jetzt alles super. Danke für deine Hilfe.

Das einzige was ich einfach nicht hinbekomme ist das bei Richtiger Antwort ein anderes Div aufgeht wie bei einer Falschen Antwort.

Als Richtig divrichtig und bei falsch divfalsch.

kannst du mir nochmals helfen?
Bitte warten ..
Mitglied: 114757
114757 (Level 4)
19.04.2016 um 13:16 Uhr
2 DIVs in dein HTML reinpacken, beide initial display:none und dann wie gezeigt den style per Javascript auf display:block setzen. feddich. Hirn einschalten ;-) face-wink
Bitte warten ..
Mitglied: jocheng
19.04.2016 um 15:49 Uhr

habe ich probiert aber das geht nicht
Bitte warten ..
Mitglied: 114757
114757 (Level 4)
19.04.2016, aktualisiert um 15:55 Uhr
Doch.
aber wenn man die Klasse in das ID Tag einträgt, ist Hopfen und Malz vollkommen verloren ..
Bitte warten ..
Mitglied: jocheng
19.04.2016 um 17:09 Uhr
Ich raff es einfach nicht. Ich habe schon

habe ich auch schon probiert aber dann wird mir das div ja immer angezeigt. :( face-sad Ich glaube ich habe da heute einfach schon zu lange drauf geschaut. Kannst du mir bitte helfen :) face-smile
Bitte warten ..
Mitglied: jocheng
19.04.2016 um 18:32 Uhr
du bist genial ;) DANKE DANKE DANKE
Bitte warten ..
Mitglied: jocheng
05.06.2016 um 16:50 Uhr
ich brauche nochmals deine Hilfe . was muß ich tun damit 2 Antworten möglich sind???? Ich habe jetzt probiert den input Bereich zu verändern:


aber das funktioniert nicht
Bitte warten ..
Mitglied: 129413
129413 (Level 2)
LÖSUNG 05.06.2016, aktualisiert um 17:40 Uhr
Grüezi,
ich glaub auf den User da oben kannst du lange warten, der hat sich doch abgemeldet?!

https://jsfiddle.net/6ck6qnvb/13/

Aber irgendwie sinnlos, wenn jeder Depp sich die Lösung aus seinem Browserquelltext herausholen kann...

Gruß skybird
Bitte warten ..
Mitglied: jocheng
10.07.2016 um 06:39 Uhr
Und wieder suche ich nach einer kleinen erweiterung. Was muß ich machen damit man die Frage nur einmal beantworten muß! Also auf Seite xxx/kaiser.html wird danach gefragt und auf xxx/koenig.html auch noch. Wenn man die Frage aber auf der kaiser.html Seite beantwortet hat soll auch auf koenig.html das Div angezeigt werden.

Da ich ja keinen Plan davon habe bräuchte ich hilfe. Ich habe schon gegoogelt und etwas mit data-id gefunden. Geht es das man dem div eine data-id gibt?


Bitte warten ..
Heiß diskutierte Inhalte
Off Topic
Realistische Gehaltsvorstellung für eine "IT-Allroundkraft"
gelöst JiggyLeeVor 1 TagFrageOff Topic19 Kommentare

Hallo an alle, ich hege momentan den Wunsch mich von der alten verstaubten Behörden Bürokratie und langweiliger Aufgaben los zu lösen und in einem ...

Windows 10
Windows 10 Geschwindigkeitprobleme trotz viel mehr Gb Ram
Matthes88Vor 1 TagFrageWindows 1045 Kommentare

Hallo ihr lieben aaaalso : Da mein neuer Arbeitsspeicher (32gb) von meiner alten Windows 7 version (max mit 8gb kompatibel) nicht angenommen wurde, habe ...

Humor (lol)
Tipp: Dinge, die man besser nicht klaut
altmetallerVor 1 TagTippHumor (lol)14 Kommentare

Hallo, so wurde meiner Hündin z.B. heute der (eingeschaltete) GPS-Tracker mit Mobilfunkanbindung quasi "direkt vom Halsband weggefunden". Akku hatte noch 60% :-P Und ich ...

Video & Streaming
Videoaufnahme funktioniert nur bis zum ersten Reboot (0x80040217)
IllusionFACTORYVor 1 TagFrageVideo & Streaming12 Kommentare

Ich nehme über eine Video-Software von einem USB-Hardware-Encoder Video auf. Das funktioniert exakt bis zum ersten Reboot - danach bekomme ich beim Starten der ...

Grafikkarten & Monitore
Monitorhalterung mit 80cm Armlänge
ben1300Vor 1 TagFrageGrafikkarten & Monitore7 Kommentare

Guten Abend ! ich bin auf der Suche nach einer Monitorhalterung, im besten Fall ohne Bohrung für einen 28" Monitor (Vesa Halterung). Nun kommt ...

Cloud-Dienste
Cloud PBX bzw. IP Telefon für Ausland
decehakanVor 1 TagFrageCloud-Dienste3 Kommentare

Hallo Zusammen, Ich suche Cloud Telefon ( Cloud PBX, IP-Telefon), sodass ich von Ausland aus über eine deutsche Rufnummer auf mein Handy erreichbar bin. ...

SAN, NAS, DAS
Synology DS213j - Volume nach HDD Austausch vergrößern
gelöst JasperBeardleyVor 1 TagFrageSAN, NAS, DAS4 Kommentare

Moin, ich hab meinem NAS zwei neue 8TB spendiert, da die 3TB Platten jetzt 6 Jahre alt sind. Da die beiden Platten im JBOD ...

E-Mail
Office 365 mit Wordpress nutzen
gelöst tobitobsnVor 1 TagFrageE-Mail6 Kommentare

Wir nutzen einen Webhoster, wo wir eine Wordpress Webseite betreiben und haben vor einiger Zeit zu Office 365 gewechselt. Unser Webhoster erlaubt innerhalb von ...