Wie macht man es?

…ist eine Skriptsprache, die die Möglichkeiten von HTML stark erweitert. Sie wird eingesetzt, um Internet-Seiten flexibel und interessant gestalten zu können. Beispiel: Formulare mit Berechnungsfunktionen / animierte Schaltflächen oder einfach fallender Schnee. - Fragen - Antworten –Tipps hier hinein...

Moderator: lauras

Beiträge bitte im neuen Forum

Wie macht man es?

Beitragvon philipp e. » Donnerstag 14. Juli 2011, 17:46

Hallo Leute,
für meinen Blog, wollte ich neben einer Selektfunktion (noch nicht fertig), etwas konstruiren das mir folgendes "Ergebnis" liefert:
Unbenannt.PNG
Unbenannt.PNG (3.42 KiB) 184-mal betrachtet


Als Code habe ich nur:
Code: Alles auswählen
<div class="code">
body {

}
div#page {
width: 800px;
}
</div>


An einen Syntax Highlighter habe ich schon gedacht, aber das möchte ich mir lieber selben bauen.

Also konkret brauche ich das hier:
1. JS: Abwechselnd den Zeilen Styles geben
2. JS: Zahlen davor auflisten

2. könnte ich auch durch <ol><li>...</li><li>...</li></ol> umsetzen. Das ist mir aber zu umständlich.

Mit freundlichen Grüßen,
Philipp Escher
Benutzeravatar
philipp e.
HTML-Acrobat
 
Beiträge: 620
Registriert: Freitag 15. Januar 2010, 16:47

Re: Wie macht man es?

Beitragvon DerWaldschrat » Sonntag 17. Juli 2011, 11:27

Also, ersteres geht auch ganz einfach (in modernen Browsern) mit dem CSS3-Selektor :nth-of-type(even) / :nth-of-type(odd) (even wählt das 2., 4., 6. ... Element aus, odd das 1., 3., 5. ...).
http://www.w3schools.com/cssref/tryit.a ... e_odd_even
http://www.w3schools.com/cssref/sel_nth-of-type.asp
Alternativ unterstützt jQuery diesen Selektor.
DerWaldschrat
DerWaldschrat
HTML-Freund
 
Beiträge: 88
Registriert: Freitag 4. Juli 2008, 16:37

Re: Wie macht man es?

Beitragvon philipp e. » Sonntag 17. Juli 2011, 15:44

Stimmt, an CSS hatte ich überhaupt nicht mehr gedacht :D
Benutzeravatar
philipp e.
HTML-Acrobat
 
Beiträge: 620
Registriert: Freitag 15. Januar 2010, 16:47


Beiträge bitte im neuen Forum

Zurück zu JavaScript

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast

cron