WinFuture-Forum.de: Kann Mir Das Bitte Jemand Erklären - WinFuture-Forum.de

Zum Inhalt wechseln

Nachrichten zum Thema: Entwicklung
Seite 1 von 1

Kann Mir Das Bitte Jemand Erklären


#1 Mitglied ist offline   jan002 

  • Gruppe: aktive Mitglieder
  • Beiträge: 171
  • Beigetreten: 28. Oktober 08
  • Reputation: 0
  • Geschlecht:Männlich

geschrieben 09. Dezember 2009 - 17:34

Hallo,
kann mir bitte jemand in dieses Script ein paar Kommentare schreiben, damit ich es besser verstehe:

CODE
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<body bgcolor="#8b4513">


<title>Dynamische Navigationsleiste</title>
<style type="text/css">
/* Vertikale Navigation */
div#Tmenu {
font-size: 94%;
width: 10em;
padding: 0.8em;

background-color: #8b4513;
}
* html div#Tmenu {
width: 11.3em;
w\idth: 10em; /* (IE 6 in standards-compliant mode) */
}
ul#Navigation {
margin: 0; padding: 0;
text-align: center;
}

ul#Navigation li {
list-style: none;
position: relative;
margin: 0.4em; padding: 0;
}
* html ul#Navigation li {
margin-right:1.5em; /* Platz fuer Link-Verbreiterung im IE reservieren */
margin-bottom:0;
}

ul#Navigation li ul {
margin: 0; padding: 0;
position: absolute;
top: 0; left: 8em;
}
*:first-child+html ul#Navigation li ul {
left: 9em; /* (IE 7 in standards-compliant mode) */
}
ul#Navigation li ul li {
margin: 0; padding-left: 1.4em;
}

ul#Navigation a, ul#Navigation span {
display: block;
width: 7em;
font-family: "Trebuchet MS", "Century Gothic", Helvetica, Arial, sans-serif;
text-decoration: none; font-weight: bold;
padding: 0.2em 1em;
border: 1px solid white;
border-left-color: white; border-top-color: white;
color: white; background-color: black;
}
* html ul#Navigation a, * html ul#Navigation span {
width: 9em;
w\idth: 7em; /* (IE 6 in standards-compliant mode) */
}
ul#Navigation a:hover, ul#Navigation span, li a#aktuell:hover {
border-color: white;
border-left-color: #900; border-top-color: #900;
background-color: #e00;
}
li a#aktuell {
border-right-color: white; border-bottom-color: #300;
background-color: black;
}
ul#Navigation li ul span {
border-color: #900; border-left-color: #c96;
color: #900; background-color: white;
}
ul#Navigation li a:active {
color: black; background-color: #f00;
}

/* dynamisches Ein-/Ausblenden */
ul#Navigation li ul {
display: none;
}
ul#Navigation li:hover>ul {
display: block;
}
ul#Navigation>li:hover>a {
width: 8.2em;
background: #e00 url(pfeil.gif) no-repeat center right;
}

/* dynamisches Ein-/Ausblenden der JavaScript-generierten Klasse im IE */
* html ul#Navigation li.hoverIE {
margin-right:0; /* reservierten Platz freigeben */
margin-bottom:-1.15em; /* Fehlerkorrektur, ggfls. anpassen */
}
* html ul#Navigation li.hoverIE ul {
display: block;
}
* html ul#Navigation li .hoverIE {
width: 10.3em;
w\idth: 8.2em; /* (IE 6 in standards-compliant mode) */
background: #e00 url(pfeil.gif) no-repeat center right;
}
</style>

<!--[if IE]>
<script type="text/javascript">
// <![CDATA[
if(window.navigator.systemLanguage && !window.navigator.language) {
function hoverIE() {
var LI = document.getElementById("Navigation").firstChild;
do {
if (sucheUL(LI.firstChild)) {
LI.onmouseover=einblenden; LI.onmouseout=ausblenden;
}
LI = LI.nextSibling;
}
while(LI);
}

function sucheUL(UL) {
do {
if(UL) UL = UL.nextSibling;
if(UL && UL.nodeName == "UL") return UL;
}
while(UL);
return false;
}

function einblenden() {
var UL = sucheUL(this.firstChild);
UL.style.display = "block"; UL.style.backgroundColor = "#eee";
}
function ausblenden() {
sucheUL(this.firstChild).style.display = "none";
}

window.onload=hoverIE;
}
// ]]>
</script>
<![endif]-->

</head>
<body>

<div id="Tmenu">
<ul id="Navigation">

<li><a href="Startseite.html" target="Framerechts">Startseite</a><br>

</li>
<li><a href="Link.html" target="Framerechts">Gästebuch</a></li><br>
<li><a href="Fun.html"target="Framerechts">Fun</a><br>
<ul>
<li><a href="Link.html" target="Framerechts">Geist</a> </li>
<li><a href="Link.htm" target="Framerechts">Kreis</a> </li>
<li><a href="Link.html" target="Framerechts">Punkt</a> </li>
<li><a href="Link.htm" target="Framerechts">Spirale</a> </li>
</ul>
</li>
<li><a href="Link.htm" target="Framerechts">Kontaktformular</a><br>
<li><a href="Link.htm"target="Framerechts">Hobbys</a><br>
<ul>
<li><a href="Link.html" target="Framerechts">Modellbau</a> </li>
<li><a href="Link.htm" target="Framerechts">Computer</a> </li>
</ul>
<li><a href="Link.html" target="Framerechts">Videos</a><br><br>

</ul>


<div></div>
</div>
</body>

Vielen Dank schon mal im Vorraus

Dieser Beitrag wurde von TI-User bearbeitet: 19. Januar 2010 - 21:37
Änderungsgrund: Das nächste mal in die Codebox einbetten. TI-User

0

Anzeige



#2 Mitglied ist offline   Scarecrow 

  • Gruppe: aktive Mitglieder
  • Beiträge: 1.186
  • Beigetreten: 25. Dezember 07
  • Reputation: 7
  • Geschlecht:Männlich
  • Wohnort:RV

geschrieben 09. Dezember 2009 - 19:38

hm und was willst du wissen?

html grundkenntnisse da?

das erste im <style> tag ist eine in die html eingebettete css

das bei <script> handelt von der richtigen darstellung im IE.

dann kommt das eigentliche html file

solange ich nicht weiß wie viel du von dem quelltext verstehst kann ich dir leider nicht weiterhelfen.

gruß
Eingefügtes Bild --- Desktop
Eingefügtes Bild --- Laptop
______
Xeon E3 1230, 16GB DDR3, H87-HD3, Nvidia 770 GTX 2GB, 128GB Samsung 830, 500GB HDD, 1TB HDD, NAS Synology 2x4TB
______
"Denn nur ich, ich bin in Ordnung und den Rest könnt ihr vergessen, ich gehöre zu den Besten, ich bin Teil einer Elite, bin der Retter der Nation." - Frei.Wild
0

#3 Mitglied ist offline   jan002 

  • Gruppe: aktive Mitglieder
  • Beiträge: 171
  • Beigetreten: 28. Oktober 08
  • Reputation: 0
  • Geschlecht:Männlich

geschrieben 09. Dezember 2009 - 20:26

das hier ist das Problem:

CODE
<script type="text/javascript">
// <![CDATA[
if(window.navigator.systemLanguage && !window.navigator.language) {
function hoverIE() {
var LI = document.getElementById("Navigation").firstChild;
do {
if (sucheUL(LI.firstChild)) {
LI.onmouseover=einblenden; LI.onmouseout=ausblenden;
}
LI = LI.nextSibling;
}
while(LI);
}

function sucheUL(UL) {
do {
if(UL) UL = UL.nextSibling;
if(UL && UL.nodeName == "UL") return UL;
}
while(UL);
return false;
}

function einblenden() {
var UL = sucheUL(this.firstChild);
UL.style.display = "block"; UL.style.backgroundColor = "#eee";
}
function ausblenden() {
sucheUL(this.firstChild).style.display = "none";
}

window.onload=hoverIE;
}
// ]]>
</script>

Dieser Beitrag wurde von TI-User bearbeitet: 19. Januar 2010 - 21:40
Änderungsgrund: Siehe oben. TI-User

0

#4 Mitglied ist offline   Tienchen 

  • Gruppe: aktive Mitglieder
  • Beiträge: 423
  • Beigetreten: 09. März 08
  • Reputation: 0
  • Geschlecht:Männlich

geschrieben 09. Dezember 2009 - 22:58

Ja, das ist halt Javascript... http://de.selfhtml.o...cript/index.htm Lies dich da einmal ein. Im Ansatz musst du es so und so verstehen, sonst werden dir auch keine Kommentare weiterhelfen.
0

#5 Mitglied ist offline   ich_quadrat 

  • Gruppe: Mitglieder
  • Beiträge: 6
  • Beigetreten: 19. Januar 10
  • Reputation: 0

geschrieben 19. Januar 2010 - 21:31

Also, du hast hier ein JavaScript. Und so wie ich das verstehe, blendet das Javascript (programmiersprache für abfragen/webprogramme/usw) etwas ein und aus. und da seht :
getElementById("Navigation")
Also, es holt sich ein Element anhand von seiner ID (die ID wurde wohl irgendwo vergeben im html source oder CSS).

dann steht da:
LI.onmouseover=einblenden; LI.onmouseout=ausblenden;
und "onmouseover" heißt, wenn du mti der maus drüber fährst, dann passiert etwas, was passiert"=ein blenden";
dann steht da "onmouseout", also wenn du mit der maus wieder weggehst, dann wird das ding ausgeblendet.

vorstellen kann ich mir:
das ist einfach nur ein script fü eine navigation, die sich bei maus drüber einblendet und wenn du weg fährst mit dem cursor,dann blendet sich das weider aus.

ich hoffe ich konnte dir bisschen helfen!

ciao
ich²
0

#6 Mitglied ist offline   Ludacris 

  • Gruppe: Moderation
  • Beiträge: 4.668
  • Beigetreten: 28. Mai 06
  • Reputation: 218
  • Geschlecht:Männlich

geschrieben 23. Januar 2010 - 12:32

da gehts darum dass er etwas ein und aus blendet wenn du mit der maus drüber fährst / wieder weggehst.
0

Thema verteilen:


Seite 1 von 1

1 Besucher lesen dieses Thema
Mitglieder: 0, Gäste: 1, unsichtbare Mitglieder: 0