Java Script Bildereinblendung auch mit CSS möglich?

Fragen zu allen Themen rund ums Programmieren außerhalb von phpBB können hier gestellt werden - auch zu anderen Programmiersprachen oder Software wie Webservern und Editoren.
Benutzeravatar
RusTin
Mitglied
Beiträge: 269
Registriert: 20.09.2003 08:45
Wohnort: Düppenweiler
Kontaktdaten:

Java Script Bildereinblendung auch mit CSS möglich?

Beitrag 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!
Benutzeravatar
Blutgerinsel
Mitglied
Beiträge: 1801
Registriert: 19.07.2004 18:53
Wohnort: Landkreis Ulm
Kontaktdaten:

Beitrag 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
Benutzeravatar
RusTin
Mitglied
Beiträge: 269
Registriert: 20.09.2003 08:45
Wohnort: Düppenweiler
Kontaktdaten:

Beitrag von RusTin »

geb mir mal bitte einen link zu deiner hp ;)
Benutzeravatar
Blutgerinsel
Mitglied
Beiträge: 1801
Registriert: 19.07.2004 18:53
Wohnort: Landkreis Ulm
Kontaktdaten:

Beitrag 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>
Benutzeravatar
RusTin
Mitglied
Beiträge: 269
Registriert: 20.09.2003 08:45
Wohnort: Düppenweiler
Kontaktdaten:

Beitrag 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 :(
Benutzeravatar
Blutgerinsel
Mitglied
Beiträge: 1801
Registriert: 19.07.2004 18:53
Wohnort: Landkreis Ulm
Kontaktdaten:

Beitrag 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:
Benutzeravatar
RusTin
Mitglied
Beiträge: 269
Registriert: 20.09.2003 08:45
Wohnort: Düppenweiler
Kontaktdaten:

Beitrag von RusTin »

was soll denn deiner Meinung nach kommen, wenn man auf den Link klickt?
Benutzeravatar
Blutgerinsel
Mitglied
Beiträge: 1801
Registriert: 19.07.2004 18:53
Wohnort: Landkreis Ulm
Kontaktdaten:

Beitrag 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>
Benutzeravatar
RusTin
Mitglied
Beiträge: 269
Registriert: 20.09.2003 08:45
Wohnort: Düppenweiler
Kontaktdaten:

Beitrag von RusTin »

aha! Danke!
Benutzeravatar
Blutgerinsel
Mitglied
Beiträge: 1801
Registriert: 19.07.2004 18:53
Wohnort: Landkreis Ulm
Kontaktdaten:

Beitrag von Blutgerinsel »

RusTin hat geschrieben:aha! Danke!
klappts jetzt oder muss ich mir sorgen machen :wink:
Antworten

Zurück zu „Coding & Technik“