"HTML" beispiel übernehmen

the|MIKE · 13.04.2011, 15:46

Also befor ich hier gleich rausgeschmissen werde oder angeflucht oder was auch immer, ich habe in einem HTML forum gefragt jedoch ist dieses forum so ausgestorben das ich keine antwort bekommen habe und ich mir erhoffe ihr könnt mir helfen.

im grunde hat es gar nicht so viel mit html selbst zu tun, sondern die umsetzung eines beispieles aus einer Website, und da hab ich bei php auch abundzu probleme.

ich würde gerne von Dieser Seite das erste beispiel übernehmen, verstehe aber nicht genau was ich alles brauche und was ich übernehmen muss um es genau so zu haben wie dort.

ich hoffe ihr springt über euren blauen-schatten und könnt mir helfen

viele grüße

mike

wolf29 · 13.04.2011, 15:53

Hi Mike.

Hm..der Quellcode ist doch unten aufgelistet und oben rechts kannst du doch die benötigte js Datei runterladen, oder was meinste?!?

mfg Wolf29

BlackScorp · 13.04.2011, 15:55

schau dann auf Dieser Seite da findest du eine Erklärung mit Quellcode Beispiel

MFG

the|MIKE · 13.04.2011, 15:58

Nun ich habe mal den code, für das erste beispiel in eine html seite eingefügt.

ich habe den javascript-code im header eingefügt und habe die tabs.jv datei eingebunden.
so nun steht, das sich die "tabs" durch css verändern und nicht durch das javascript aber ich find da keine css datei und ich bin mir auch nicht sicher ob mein code so stimmt

Code:

<head>
    <title>Titel</title>
    <link rel="stylesheet" href="style.css" media="screen"/>
    <script src="tabs.js" type="javascript"></script>
    <script>
        new Control.Tabs('tabs_example_one');
    </script>
</head>

<body>
<ul id="tabs_example_one" class="subsection_tabs">
    <li class="tab"><a href="#one">One</a></li>
    <li class="tab"><a href="#two">Two</a></li>
</ul>
<div id="one"><p>This is the simplest example of a set of tabs.</p></div>
<div id="two"><p>Note that the styling for the tabs is done with CSS, not the Control.Tabs script.</p></div>

</body>
</html>

tr0y · 13.04.2011, 16:02

Gemeint ist wohl: Das JScript modifiziert CSS-Eigenschaften der Tags ( zum ein oder Ausblenden ) es reißt keine Tags aus dem Quellcode raus.

BlackScorp · 13.04.2011, 16:02

das steht doch nach dem HTML code:

Zitat:

Note that this example doesn't have an style information. If you want the CSS used on this page, view source to find the stylesheet, and then look for ".subsection_tabs"

also rechtsklick im Browser->Quellcode anzeigen. im FF kannst du direkt auf die erste .css Datei klicken und die den Quellcode anzeigen. Danach STRG+F .subsection_tabs eintippen und suchen -> dann Markieren -> Strg+C -> in deiner css Datei Strg+V.. fertig ist die Hexerei

nikosch · 13.04.2011, 16:03

Ja. Und Du hast es vor dem Body gemacht, weshalb die angesprochenen Elemente noch gar nicht existieren. Bei jQuery gibt nen ready-Handler, sollte mich wundern, wenn Prototye sowas nicht auch kennt.

the|MIKE · 13.04.2011, 16:20

also erstmal vielen dank das ihr doch so bereitwillig helft, hätte gedacht wenn kein php ist kommts nicht in die tüte ;P

also ich hab des so gemacht aber ich glaub ich hab was falsch, am layout ändert sich troz css nichts...

Code:

<head>
    <title>Titel</title>
    <link rel="stylesheet" href="style.css" media="screen"/>
    <script src="tabs.js" type="javascript"></script>
</head>

<body>
    <script>new Control.Tabs('tabs_example_one');</script>
    <ul id="tabs_example_one" class="subsection_tabs">
        <li class="tab"><a href="#one">One</a></li>
        <li class="tab"><a href="#two">Two</a></li>
    </ul>

        <div id="one"><p>This is the simplest example of a set of tabs.</p></div>
        <div id="two"><p>Note that the styling for the tabs is done with CSS, not the Control.Tabs script.</p></div>
</body>

nikosch · 13.04.2011, 16:21

Hmm, jetzt wo Du es sagst: [MOD: Verschoben]

Bitte zukünftig beachten!

the|MIKE · 13.04.2011, 16:24

oh entschuldigung da gibts ja wirklich nen extra themenbereich

schande über mein haupt...

edit: aber was hab ich denn dann jetzt noch falsch

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Erklärung / Beispiel (Non)-Identifying Relationship	Hagbard-Celine	Datenbanken	5	08.02.2011 11:01
[Erledigt] MySQL: einfaches UPDATE- Beispiel zeigt keine Wirkung	pshqhlp	PHP Einsteiger	3	18.12.2010 11:09
Auswahlliste Daten von DB MySQL übernehmen	Johnny2511	PHP Tipps 2010	4	11.09.2010 15:35
DB-Tabelle 1:1 in neue DB übernehmen (über 2 links)	SystemSchocker	PHP-Fortgeschrittene	21	04.05.2010 00:46
Variable von Seite übernehmen?	floking	PHP Tipps 2010	3	22.03.2010 18:35
Fensterübergreifend -> Auswahllisteneinträge übernehmen	maller86	JavaScript, Ajax und mehr	0	23.04.2009 09:36
$_Get und $_Post beispiel	roland_k	PHP Tipps 2009	21	25.02.2009 13:14
Inhalt eines Feldes auf anderer Seite übernehmen	Asipak	PHP Tipps 2006	2	11.06.2006 17:39
Zeilenumbrüche aus Formular übernehmen	Calli	PHP Tipps 2005-2	6	27.09.2005 17:46
POST-Variablen in mehr als ein Datei übernehmen.		PHP Tipps 2005	15	04.03.2005 15:56
[Erledigt] teil der domain übernehmen		PHP Tipps 2007	3	04.01.2005 21:34
Warum rechnet er dieses Beispiel nicht?		PHP Tipps 2004-2	4	26.11.2004 19:13
Daten aus online-datenbank in eigene übernehmen ...		PHP Tipps 2004	5	24.08.2004 00:14
Nur eine Variable aus einer anderen Seite übernehmen ???		PHP Tipps 2004	4	17.08.2004 00:34
Klasse an einem Beispiel erklären!		PHP Tipps 2004	7	09.06.2004 17:28

13.04.2011, 15:46
the\|MIKE Benutzer Registriert seit: 21.12.2010 Beiträge: 41 PHP-Kenntnisse: Anfänger	"HTML" beispiel übernehmen Also befor ich hier gleich rausgeschmissen werde oder angeflucht oder was auch immer, ich habe in einem HTML forum gefragt jedoch ist dieses forum so ausgestorben das ich keine antwort bekommen habe und ich mir erhoffe ihr könnt mir helfen. im grunde hat es gar nicht so viel mit html selbst zu tun, sondern die umsetzung eines beispieles aus einer Website, und da hab ich bei php auch abundzu probleme. ich würde gerne von Dieser Seite das erste beispiel übernehmen, verstehe aber nicht genau was ich alles brauche und was ich übernehmen muss um es genau so zu haben wie dort. ich hoffe ihr springt über euren blauen-schatten und könnt mir helfen viele grüße mike


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

13.04.2011, 15:53
wolf29 Erfahrener Benutzer Registriert seit: 17.03.2010 Beiträge: 1.833 PHP-Kenntnisse: Fortgeschritten	Hi Mike. Hm..der Quellcode ist doch unten aufgelistet und oben rechts kannst du doch die benötigte js Datei runterladen, oder was meinste?!? mfg Wolf29 __________________ while (!asleep()) sheep++; Unterschätze nie jemanden der einen Schritt zurück geht! Er könnte Anlauf nehmen.

13.04.2011, 15:55
BlackScorp Erfahrener Benutzer Registriert seit: 25.09.2009 Beiträge: 2.114 PHP-Kenntnisse: Fortgeschritten	schau dann auf Dieser Seite da findest du eine Erklärung mit Quellcode Beispiel MFG __________________ Mein kleines Projekt -Cruel Online- 5 von 3 Leuten können kein Bruchrechnen

13.04.2011, 16:02
tr0y Erfahrener Benutzer Registriert seit: 26.07.2010 Beiträge: 4.865 PHP-Kenntnisse: Fortgeschritten	Gemeint ist wohl: Das JScript modifiziert CSS-Eigenschaften der Tags ( zum ein oder Ausblenden ) es reißt keine Tags aus dem Quellcode raus. __________________ Lasse mir ohne Anwendung von Gewalt Dinge schenken, Amazon weiß darüber bald mehr.

13.04.2011, 16:03
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Ja. Und Du hast es vor dem Body gemacht, weshalb die angesprochenen Elemente noch gar nicht existieren. Bei jQuery gibt nen ready-Handler, sollte mich wundern, wenn Prototye sowas nicht auch kennt. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

13.04.2011, 16:21
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Hmm, jetzt wo Du es sagst: [MOD: Verschoben] Bitte zukünftig beachten! __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

13.04.2011, 16:24
the\|MIKE Benutzer Registriert seit: 21.12.2010 Beiträge: 41 PHP-Kenntnisse: Anfänger	oh entschuldigung da gibts ja wirklich nen extra themenbereich schande über mein haupt... edit: aber was hab ich denn dann jetzt noch falsch