Top-Themen

Aktuelle Themen (A bis Z)

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit

gelöst Input Text öffnet div tag

Mitglied: jocheng

jocheng (Level 1) - Jetzt verbinden

05.04.2016 um 19:03 Uhr, 771 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
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 und was ich einfach nicht kann
Bitte warten ..
Mitglied: 114757
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
09.04.2016, aktualisiert um 18:23 Uhr
War nur ein Tippfühler 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
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
Bitte warten ..
Mitglied: 114757
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
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
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
Bitte warten ..
Mitglied: jocheng
19.04.2016 um 15:49 Uhr
habe ich probiert aber das geht nicht
Bitte warten ..
Mitglied: 114757
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. Ich glaube ich habe da heute einfach schon zu lange drauf geschaut. Kannst du mir bitte helfen
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
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 ..
Ähnliche Inhalte
CSS

Div zu übergeordnetem div ausrichten

gelöst Frage von tsunamiCSS2 Kommentare

Hallo, ich möchte sowas wie einen Tagesablauf dokumentieren. 1.2.19 usw. Das Ganze farblich mit Divs dargestellt. Soweit so gut. ...

CSS

Css div-Boxen nebeneinander

gelöst Frage von tsunamiCSS2 Kommentare

Hallo, ich habe Thema welches auf den ersten Blick mit unzähligen ähnlichen Ansätzen funktionieren soll, tut es aber nicht. ...

C und C++

Arduino "Serial input zu analogwrite"

Frage von Zerou24C und C++1 Kommentar

Ist es möglich input vom serial monitor in analog write zu packen ? Ich möchte eine rgb led kontrollieren ...

CSS

DIV Container einheitliche Höhe

Frage von YanmaiCSS7 Kommentare

Hallo ihr Administratoren, ich habe DIVs mit der display: inline-block Eigenschaft. An sich funktioniert alles, aber wenn in einem ...

Neue Wissensbeiträge
Humor (lol)

Funny: Warum es immer schwieriger wird, die richtigen Produkte online zu finden

Information von Dilbert-MD vor 17 StundenHumor (lol)5 Kommentare

Wir befinden uns in der Rubrik "Off Topic - Humor" und in 15 Minuten ist Freitag. und ja, es ...

Windows Update
MS SQL Server Updates
Information von sabines vor 1 TagWindows Update

Für 2012, 2014 und 2016 sind seit Dienstag wichtige Sicherheitsupdates verfügar, die eine remote, leicht auszunutzende Lücke im Reporting ...

Microsoft Office

Microsoft warnt: Office 365 am 29. Februar leider nicht nutzbar

Information von Lochkartenstanzer vor 1 TagMicrosoft Office10 Kommentare

Moin, Wie die Überschrift schon sagt, gibt es offensichtlicham 29. februar ein Problem: Microsoft warnt: Office 365 am 29. ...

Netzwerkmanagement
Siemens Switche initial konfigurieren
Tipp von brammer vor 1 TagNetzwerkmanagement2 Kommentare

Hallo, Bisher gab es für Siemens Switche die Möglichkeit die initiale Konfiguration über den Simatic Manager oder das Primary ...

Heiß diskutierte Inhalte
Windows Server
Active Directory: Fehler beim Re-Promoten eines Servers
Frage von jordelWindows Server38 Kommentare

Hallo zusammen, Wir hatten einige Replikationsprobleme, weshalb ich gestern Nacht einen Domain Controller erst demoten und danach wieder promoten ...

Windows 8
Die digitale Signatur dieser Datei kann nicht überprüft werden
Frage von LochkartenstanzerWindows 821 Kommentare

Moin, Seit gestern ärgere ich mich mit einem verkorksten Windows 8 herum. Bei vielen EXE-Dateien starten will, kommt die ...

Cluster
10gig Karte aber nur 10mbits
Frage von CUPRA56Cluster15 Kommentare

Hallo zusammen, Ich benutze zwei Cluster auf Linux Basis. Beide Server sind identisch. Es handelt sich um eine Hochverfügbarkeitslösung. ...

Windows 10
Win10 - Keine Anmeldung beim Konto möglich - Domäne
gelöst Frage von ItsJokafulWindows 1014 Kommentare

Moin, derzeit haben wir folgendes Problem, sobald sich ein spezieller Mitarbeiter an einem neuen PC anmelden möchte kommt folgende ...