Seite 1 von 2

Java Script Bildereinblendung auch mit CSS möglich?

Verfasst: 15.11.2004 19:06
von RusTin
Hi,
Ich wollte mal fragen, ob man eine Bildeinblendung mit CSS machen kann. Vorgestellt hab ich mir das, wie es dort ist. Jetzt fragt ihr euch sicher: Wieso nimmst er nicht das? Ganz einfach: Weil es leider unter XHTML nicht mehr funktioniert :(
Ich würde mich über Hilfe sehr freuen!

Verfasst: 15.11.2004 19:10
von Blutgerinsel
CSS ist eine reine Markierungssprache d.h. man kann nur die Darstellung an sich beeinflussen.....

display:none blendet ein div, span Bereich aus und reserviert keinen Platz.....
mit display:block lässt sich dies einblenden.....

D.h. ein entsprechendes Javascript was das style Objekt anspricht kann dies nach Bedarf ein oder ausblenden.....

Nutze ich für meine News z.B. zum Aufklappen

Verfasst: 15.11.2004 19:13
von RusTin
geb mir mal bitte einen link zu deiner hp ;)

Verfasst: 15.11.2004 19:32
von Blutgerinsel
RusTin hat geschrieben:geb mir mal bitte einen link zu deiner hp ;)
nein, ich präsentiere nichts was nicht 100% fertig ist und nicht durch das zentrale Usermanagment geschützt ist.....

Du möchtest lieber fertige Lösungen haben anstatt es selbst zu versuchen?

Unnötige Sachen wie Bildwechsler beim Aufklappen wurde entfernt als auch sämtliche PHP Variabeln

Code: Alles auswählen

function showdetail(id) {
 	if (document.getElementById('detailnews'+id).style.display == 'none')
 	{
 	  document.getElementById('detailnews'+id).style.display = 'block';
  }
  else
  {
 	  document.getElementById('detailnews'+id).style.display = 'none';
  }
}

Code: Alles auswählen

<span id="detailnews1" style="display:none"></span>
aufrufen:

Code: Alles auswählen

<a href="javascript:showdetail(1)">var. Image entfernt</a>

Verfasst: 15.11.2004 20:07
von RusTin
tut mit Leid, aber ich kann mir nicht ganz vorstellen wie ich das jetzt richtig mach, weil wenn ich es einfach in einen java script tag einfüge (das erste) das zweite dann an den anfang der datei und das dritte dann als link gehts net :(

Verfasst: 15.11.2004 22:25
von Blutgerinsel
RusTin hat geschrieben:tut mit Leid, aber ich kann mir nicht ganz vorstellen wie ich das jetzt richtig mach, weil wenn ich es einfach in einen java script tag einfüge (das erste) das zweite dann an den anfang der datei und das dritte dann als link gehts net :(
mach hier mal:

Code: Alles auswählen

<a href="javascript:showdetail('1')">var. Image entfernt</a>
Da wo 1 steht war im ursprünglichen Code eine PHP Variable

P.S.: Der Code geht 100%ig :wink:

Verfasst: 16.11.2004 15:32
von RusTin
was soll denn deiner Meinung nach kommen, wenn man auf den Link klickt?

Verfasst: 16.11.2004 15:39
von Blutgerinsel
er blendet das ein oder aus je nach Zustand:

Code: Alles auswählen

<span id="detailnews1" style="display:none">hallo ich bin mal versteckt und mal nicht</span>

Verfasst: 16.11.2004 16:04
von RusTin
aha! Danke!

Verfasst: 16.11.2004 18:48
von Blutgerinsel
RusTin hat geschrieben:aha! Danke!
klappts jetzt oder muss ich mir sorgen machen :wink: