Foto mit Text tauschen

[Klein-Dummy]

Hallo zusammen,

wenn der User auf einen Button klickt, soll anstelle eines Bildes
ein Text eingeblendet werden.
Der Text soll mit PHP aus einer Datenbank gezogen werden.

Wie würdet Ihr das realisieren?

[suit]

Hallo zusammen,

wenn der User auf einen Button klickt, soll anstelle eines Bildes
ein Text eingeblendet werden.
Der Text soll mit PHP aus einer Datenbank gezogen werden.

Wie würdet Ihr das realisieren?

<div>
  <img />
  <p />
  <span />
</div>

<img />ist per default auf display: block oder inline-block, das <p />-element soll beim laden der seite display: none; durch javascript erhalten

bei einem onlick-event auf das <span />-element vertauscht du einfach die eigenschaften mit javascript

bei ausgeschaltetem javascript sieht man text und bild

alternativ würs auch mit ajax funktionieren, für die lösung ohne javascript müsstest du dir dann aber trotzdem eine alternative überlegen (das funzt dann nämlich nicht)

[EKKi]

Mahlzeit Klein-Dummy,

wenn der User auf einen Button klickt, soll anstelle eines Bildes
ein Text eingeblendet werden.

Stichworte: http://de.selfhtml.org/javascript/sprache/eventhandler.htm#onclick@title=onclick, http://de.selfhtml.org/javascript/objekte/document.htm#create_text_node@title=createTextNode() und http://de.selfhtml.org/javascript/objekte/node.htm#replace_child@title=replaceChild()

Der Text soll mit PHP aus einer Datenbank gezogen werden.

Wann? Schon beim Seitenaufbau (und soll dann in irgendlichen Javascript-Variablen vorgehalten werden)? Oder erst "im laufenden Betrieb" z.B. per AJAX?

Wie würdet Ihr das realisieren?

Kommt auf die Menge und die Art der Daten an. U.U. mit AJAX.

MfG,
EKKi

[Klein-Dummy]

Hallo Ekki,

danke für Eure Antworten!!

Der Text soll mit PHP aus einer Datenbank gezogen werden.

Wann? Schon beim Seitenaufbau (und soll dann in irgendlichen Javascript-Variablen vorgehalten werden)? Oder erst "im laufenden Betrieb" z.B. per AJAX?

Da bin ich mir nicht so sicher, was die beste Lösung ist.
Es sind ca. 15 kurze Texte. Da aber DB-Zugriffe auch Performance kosten, tendiere ich zu der Variante mit den Variablen.

Grüße

[EKKi]

Mahlzeit Klein-Dummy,

Da bin ich mir nicht so sicher, was die beste Lösung ist.

Das kannst aber - solange Du weitere Informationen für Dich behältst - nur Du selbst beurteilen.

Es sind ca. 15 kurze Texte. Da aber DB-Zugriffe auch Performance kosten, tendiere ich zu der Variante mit den Variablen.

Kommt darauf an: ein paar einfache SELECTs sollten nicht die Welt an Performance kosten. Vor allem müssten sie ja ALLE ausgeführt werden, wenn Du suits oder meinen einen Vorschlag favorisierst. Wenn Du hingegen AJAX einsetzt (was Du natürlich nur tun solltest, wenn Du Dir im Klaren darüber bist, dass dann die Seite nur für Benutzer mit aktiviertem Javascript benutzbar ist), dann musst Du nur die DB-Zugriffe machen für Texte, die der Benutzer auch wirklich sehen will - andererseits hast Du dann ggf. Latenz- und Geschwindigkeitseinbußen gegenüber einer Lösung mit bereits im Browser vorhandenen Informationen.

Wie gesagt: es ist Deine Entscheidung, die maßgeblich vom konkreten Einzel(anwendungs)fall abhängt.

MfG,
EKKi

[Klein-Dummy]

Hi Ekki,

danke noch mal. Diese Informationen helfen mir schon weiter.

Wenn Du hingegen AJAX einsetzt (was Du natürlich nur tun solltest, wenn Du Dir im Klaren darüber bist, dass dann die Seite nur für Benutzer mit aktiviertem Javascript benutzbar ist)

Ich brauche auf jeden Fall eine Alternative für Benutzer ohne Javascript.

Grüße