mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Di 19.03.2024 10:50 Benutzername: Passwort: Auto-Login

Thema: www.jonkerry.com - wie ist das gemacht? vom 25.01.2004


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> www.jonkerry.com - wie ist das gemacht?
Autor Nachricht
shorshe
Threadersteller

Dabei seit: 24.06.2003
Ort: nehcnüM
Alter: 46
Geschlecht: Männlich
Verfasst So 25.01.2004 14:59
Titel

www.jonkerry.com - wie ist das gemacht?

Antworten mit Zitat Zum Seitenanfang

Hi bin grad über die Seite http://www.johnkerry.com/about/ gestolpert. Und frage mich gerade wie die Tabs da rechts gemacht sind...

soweit ich das verstehe sind das Div's die zt unsichbar gemacht sind (display:none)
Code:
<!--- BEGIN TABS --->
<!-- Begin First Tab -->
<div id=panel1 class=tabcontainer style=display: visible>
<div class=tabrow><a href=# onclick=return showPanel(this, 'panel1');><img src=../images/tabs/tab_vision_on.gif width=70 height=22 alt= border=0></a><a href=# onclick=return showPanel(this, 'panel2');><img src=../images/tabs/tab_courage_off.gif width=70 height=19 alt= border=0></a><a href=# onclick=return showPanel(this, 'panel3');><img src=../images/tabs/tab_leadership_off.gif width=70 height=19 alt= border=0></a><img src=../images/pixel_gray.gif width=24 height=1 alt= border=0></div>
<div class=tabcontentnogray style=height: 245px>
<br />
  <span class=smalltext2><img height=94 alt= src=../images/photos/photo_headshot_small.gif width=74 align=left border=0>John has a bold, new vision for America. An America safe from foreign threats and greedy special interests. John has the experience and plans to lead America to better jobs, quality health care, energy that is clean, renewable, and independent, and greater opportunities for our children. </span>
</div> 
</div>
<!--  End First Tab  -->      


<!--  Begin Second Tab  -->
<div id=panel2 style=display: none>
<div class=tabrow><a href=# onclick=return showPanel(this, 'panel1');><img src=../images/tabs/tab_vision_off.gif width=70 height=19 alt= border=0></a><a href=# onclick=return showPanel(this, 'panel2');><img src=../images/tabs/tab_courage_on.gif width=70 height=22 alt= border=0></a><a href=# onclick=return showPanel(this, 'panel3');><img src=../images/tabs/tab_leadership_off.gif width=70 height=19 alt= border=0></a><img src=../images/pixel_gray.gif width=24 height=1 alt= border=0></div>
<div class=tabcontentnogray style=height: 245px>
<br />
  <span class=smalltext2>John Kerry has always had the courage to stand by what he believes in. John earned three Purple Hearts fighting for America in Vietnam but returned home to fight against the Administration?s ill-conceived foreign policies. For the last 20 years, John has continued to fight against special interests to protect our environment, keep guns off the streets, make prescription drugs available and affordable for seniors, and stop corporations from robbing hardworking Americans by taking jobs overseas.</span>
</div>
</div>
<!--  End Second Tab  -->


soweit, so verständlich... aber wie machen die jetzt die anderen tabs sichtbar?
wohl irgendwie mit javascript... aber da beissts jetzt bei mir aus


[code:1:7fc29813ef] var panels = new Array('pan
  View user's profile Private Nachricht senden
aUDIOfREAK

Dabei seit: 04.04.2002
Ort: Ansbach
Alter: 44
Geschlecht: Männlich
Verfasst So 25.01.2004 15:03
Titel

Antworten mit Zitat Zum Seitenanfang

so wie ich das sehe ändert das script einfach den z-index des layers. d.h. der angeklickte layer wird auf die oberste ebene gestellt und wird somit sichtbar. aber wie genau kann ich dir leider auch nicht sagen *Schnief*
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
el Zeratulo

Dabei seit: 04.04.2002
Ort: Bent Badheim
Alter: -
Geschlecht: Männlich
Verfasst So 25.01.2004 17:08
Titel

Antworten mit Zitat Zum Seitenanfang

schau dir mal den JS DOM Baum an. damit kann man *alles* machen.
das hier ist ja ne vergleichsweise simple sache:
du nimmst drei layer:
pron1, pron2, pron3
Code:

<div id=porn1>lalala</div>


und je nach click wechselst du den z-index, bzw. schaltest die layer an/aus (visibility):
oder, wie hier gemacht stellst die display stylesheet-einstellung ein:

Code:

function penisporn(Tlayer) {
  document.getElementById(Tlayer).style.display=block;
}


du kannst ja über javascript alle teile der geladenen seite komplett ändern. die stylesheets, den DOM-baum, das html, etc.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
shorshe
Threadersteller

Dabei seit: 24.06.2003
Ort: nehcnüM
Alter: 46
Geschlecht: Männlich
Verfasst So 25.01.2004 20:40
Titel

Antworten mit Zitat Zum Seitenanfang

el Zeratulo hat geschrieben:

du kannst ja über javascript alle teile der geladenen seite komplett ändern. die stylesheets, den DOM-baum, das html, etc.


uiih, das ist mir bis jetzt komplett entgangen....
Ich hab mich gewundert, dass trotz angezeigter 3. box der quelltext immernoch die erste als visible angezeigt hat.

man kann also mit JS, Werte die der Quelltext setzt überschreiben...
coolcool Danke für die erklärung. *Thumbs up!*
  View user's profile Private Nachricht senden
el Zeratulo

Dabei seit: 04.04.2002
Ort: Bent Badheim
Alter: -
Geschlecht: Männlich
Verfasst So 25.01.2004 23:36
Titel

Antworten mit Zitat Zum Seitenanfang

shorshe hat geschrieben:
el Zeratulo hat geschrieben:

du kannst ja über javascript alle teile der geladenen seite komplett ändern. die stylesheets, den DOM-baum, das html, etc.


uiih, das ist mir bis jetzt komplett entgangen....
Ich hab mich gewundert, dass trotz angezeigter 3. box der quelltext immernoch die erste als visible angezeigt hat.

man kann also mit JS, Werte die der Quelltext setzt überschreiben...
coolcool Danke für die erklärung. *Thumbs up!*


für den Firebird Browser gibt es die 'View Generated Source' Extension. Ein supercooles Tool welches es ermöglicht den HTML-Source anzuzeigen *nachdem* Javascript veränderungen vorgenommen hat.
Sinnvoll wenn man sich z.B. anschauen möchte was ein gedownloadetes DHTML Script (o.ä. z.B: ein JS-Tree oder so) an Sourde generiert.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
oDeM

Dabei seit: 14.12.2003
Ort: Hürth
Alter: 41
Geschlecht: Männlich
Verfasst Mo 26.01.2004 10:33
Titel

Antworten mit Zitat Zum Seitenanfang

Wo gibts diese Extenion?
Hab sie norgends finden können?

das wäre ja mal ne feine Sache
  View user's profile Private Nachricht senden
shorshe
Threadersteller

Dabei seit: 24.06.2003
Ort: nehcnüM
Alter: 46
Geschlecht: Männlich
Verfasst Di 27.01.2004 23:00
Titel

Hier!

Antworten mit Zitat Zum Seitenanfang

http://chrispederick.myacen.com/work/firebird/webdeveloper/
  View user's profile Private Nachricht senden
 
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.