Hi
edit* ersten beitrag gelöscht weil es um eine andere seite geht und ich den falschen code gepostet hatte.... topic geht unten weiter
Zuletzt modifiziert von xCrystalx am 19.07.2009 - 13:11:55
Beitrag zur Merkliste hinzufügen
Hier kann eine Notiz zum Merk-Eintrag hinzugefügt werden (optional)
ilch Forum » Allgemein » HTML, PHP, SQL,... » php navi
| Geschlossen | ||
-
So. 19.07.2009
11:26 Uhr
#1
- Registriert seit
- 31.12.2008
- Beiträge
- 505
- Beitragswertungen
-
So. 19.07.2009
11:27 Uhr
#2
- Registriert seit
- 20.09.2008
- Beiträge
- 1.273
- Beitragswertungen
html = php
in php steck html drinne und noch bissle mehr xD -
So. 19.07.2009
11:42 Uhr
#3
- Registriert seit
- 31.12.2008
- Beiträge
- 505
- Beitragswertungen
beantwortet nicht meine frage.... -
So. 19.07.2009
11:48 Uhr
#4
- Registriert seit
- 20.09.2008
- Beiträge
- 1.273
- Beitragswertungen
du kannst doch auch mit iframe eine php datei in html anzeigen lassen -
So. 19.07.2009
13:02 Uhr
#5
- Registriert seit
- 31.12.2008
- Beiträge
- 505
- Beitragswertungen
hab gerade gesehen das das nicht der code für die navi ist. habe aber eine andere seite gefunden
hab auch schon etwas hinbekommen aber das will nicht wie es soll
scrat-gaming.de/index.php?test
style:<script language="javascript"> var hauptmenuepunkt=new Array(); var submenue=new Array(); hauptmenuepunkt[0]="INFORMATION"; submenue[0]="subnavi1"; hauptmenuepunkt[1]="COMMUNITY"; submenue[1]="subnavi2"; hauptmenuepunkt[2]="TEAMS"; submenue[2]="subnavi3"; var vorher="subnavi1"; function show_submenue(menuepunkt,lnk) { for(i=0;i<hauptmenuepunkt.length;i++) { if(hauptmenuepunkt[i]==menuepunkt.childNodes[0].childNodes[0].nodeValue) { menue=submenue[i]; } } if(menue!="none") { if(vorher=="") { fade(0,menue,vorher); vorher=menue; } else { if(vorher!=menue) { fade(0,menue,vorher); vorher=menue; } } } else { if(vorher!="") { fade(0,'',vorher); vorher=""; } } } function fade(step, menue, vorher) { step = step || 0; if(menue!="") { document.getElementById(menue).style.display="block"; document.getElementById(menue).style.opacity = step/100; document.getElementById(menue).style.filter = "alpha(opacity=" + step + ")"; // IE } step = step + 2; if(vorher!="") { document.getElementById(vorher).style.opacity=1-(step/100); document.getElementById(vorher).style.filter = "alpha(opacity=" + (100-step) + ")"; // IE //document.getElementById(menue).style.filter = "alpha(opacity=" + step + ")"; } if (step <= 100) { if(vorher!="" && step==100) { document.getElementById(vorher).style.display="none"; } window.setTimeout(function () { fade(step, menue, vorher); }, 1); } } </script>
hauptmenü:<div style="float:left; width:114px; height:27px; padding-top:20px; padding-left:10px"> <a style="color:#FFFFFF" href="#" onmouseover="show_submenue(this);"><span style="font-weight:bold; font-size:12px">INFORMATION</span></a> </div> <div style="float:left; width:114px; height:27px; padding-top:20px; padding-left:10px"> <a style="color:#FFFFFF" href="#" onmouseover="show_submenue(this);"><span style="font-weight:bold; font-size:12px">COMMUNITY</span></a> </div> <div style="float:left; width:114px; height:27px; padding-top:20px; padding-left:10px"> <a style="color:#FFFFFF" href="#" onmouseover="show_submenue(this);"><span style="font-weight:bold; font-size:12px">TEAMS</span></a> </div>
Submenü:<div id="subnavi1" style="float:left"> <a class="subnavi" href="index.php?teams-show-2" onmouseover="show_submenue(this);">» Management</a> <a class="subnavi" href="index.php?teams" onmouseover="show_submenue(this);">» Teams</a> <a class="subnavi" href="index.php?wars-last" onmouseover="show_submenue(this);">» Wars</a> <a class="subnavi" href="index.php?awards" onmouseover="show_submenue(this);">» Awards</a> <a class="subnavi" href="index.php?server" onmouseover="show_submenue(this);">» Server</a> </div> <div id="subnavi2" style="float:left"> <a class="subnavi" href="index.php?forum" onmouseover="show_submenue(this);">» Forum</a> <a class="subnavi" href="http://stbgaming.fliggo.com/" target="_blank" onmouseover="show_submenue(this);">» Videoportal</a> <a class="subnavi" href="index.php?user" onmouseover="show_submenue(this);">» Mitglieder</a> <a class="subnavi" href="index.php?rules" onmouseover="show_submenue(this);">» Regeln</a> </div> <div id="subnavi3" style="float:left"> <a class="subnavi" href="index.php?downloads" onmouseover="show_submenue(this);">» Downloads</a> <a class="subnavi" href="index.php?linkus" onmouseover="show_submenue(this);">» Linkus</a> </div>
Zuletzt modifiziert von xCrystalx am 20.07.2009 - 19:42:50 -
Mo. 20.07.2009
11:10 Uhr
#6
annemarie gelöschter User
Zitat geschrieben von MVN050
...
html != php
in php steckt kein html drin.
nur weil in ilch folgender, schlechter, code vorkommt
echo "<b>punkte: $punkte</b>";
heißt das nicht das html und php das selbe ist.
beim oberen beispiel kann $punkte unescaped in der ausgabe stehen da der ausgabestring mit einem doppelten hochkomma eingeleitet wurde, was php den string nocheinmal durchsuchen lässt und beim fund eines variablennamens diesen mit dem wert der variablen ersetzt.
</senf> -
Mo. 20.07.2009
11:14 Uhr
#7
- Registriert seit
- 24.06.2009
- Beiträge
- 44
- Beitragswertungen
Zitat geschrieben von MVN050
html ist eine dokumenten auszeichnungssprache also eher für das anzeigen von Daten (egal welcher Art) und php ist eine "Programmiersprache" (bla scripte bla) du kannst php skripte vollkommen ohne html erstellen und html vollkommen ohne php ... die aussage html = php ist einfach nur schwachsinn.
Zuletzt modifiziert von Scriptpfuscher am 20.07.2009 - 11:17:23Phantasie ist wichtiger als Wissen, denn Wissen ist begrenzt. -
Mo. 20.07.2009
15:33 Uhr
#8
- Registriert seit
- 31.12.2008
- Beiträge
- 505
- Beitragswertungen
schön das zu wissen^^ aber es bringt mich wieder nicht weiter... bitte beim Thema bleiben -
Mo. 20.07.2009
18:26 Uhr
#9
- Registriert seit
- 28.10.2006
- Beiträge
- 236
- Beitragswertungen
<div id="subnavi2" style="float:left; display:none">
Und das bei den andern auch machen.. ausser bei 'subnavi1'
-
Mo. 20.07.2009
18:54 Uhr
#10
- Registriert seit
- 31.12.2008
- Beiträge
- 505
- Beitragswertungen
jep das geht... kannst du mir auch bei den problem helfen das es immer erst an eine ander position geht....
also es kommt nicht immer an der selbe raus sondern setzt sich dann erst nach link -
Mo. 20.07.2009
19:16 Uhr
#11
- Registriert seit
- 28.10.2006
- Beiträge
- 236
- Beitragswertungen
<div id="subnavi2" style="float:left; display:none; position:absolute">
Dies mal 'position:absolute' bei allen einfügen!
Bin mir aber nich sicher
-
Mo. 20.07.2009
19:20 Uhr
#12
- Registriert seit
- 31.12.2008
- Beiträge
- 505
- Beitragswertungen
hammer.... geht alles danke -
Fr. 24.07.2009
20:22 Uhr
#13
- Registriert seit
- 31.12.2008
- Beiträge
- 505
- Beitragswertungen
ich habe noch mal eine frage dazu...
wie kann ich das so machen das ich statthauptmenuepunkt[0]="INFORMATION"; submenue[0]="subnavi1";
ein bild machen kann... immer wenn ich ein bild machen will gehts nicht ich muß immer "INFORMATION" eintragen -
Fr. 24.07.2009
21:46 Uhr
#14
- Registriert seit
- 28.10.2006
- Beiträge
- 236
- Beitragswertungen
hauptmenuepunkt[0]="<img src=\"PFADZUMBILD\" />"; submenue[0]="subnavi1";
Das geht net?
Also eig sollte das gehen..
Kann sein, dass du die \ Backslashes vergessen hast?
-
Fr. 24.07.2009
21:55 Uhr
#15
- Registriert seit
- 31.12.2008
- Beiträge
- 505
- Beitragswertungen
ich habe nur den pfad angegeben ohne <img^^
ich probier es später mal aus... soll für ein neues freetemplate sein
*edit*
geht nicht hab jetzt mit " und ohne und auch /> dahinter und ohne
hab es jetzt so
hauptmenuepunkt[0]="<img src=\"gfx/menu_01.gif\"/>"; submenue[0]="sub1"; hauptmenuepunkt[1]="<img src=\"gfx/menu_02.gif\"/>"; submenue[1]="sub2"; hauptmenuepunkt[2]="<img src=\"gfx/menu_03.gif\"/>"; submenue[2]="sub3";
und den code
<td width="84"><a href="#" onmouseover="show_submenue(this);"><span><img src="gfx/menu_01.gif" border="0"></span></a></td>
hab erst mal nur im html versucht daher nicht die richtigen links... mit INFORMAION gehts
Zuletzt modifiziert von xCrystalx am 24.07.2009 - 22:07:16 -
Sa. 25.07.2009
11:04 Uhr
#16
- Registriert seit
- 31.12.2008
- Beiträge
- 505
- Beitragswertungen
so hier mal die seite und was ich eingefügt habe
chopmania.bplaced.de/demos/demo_01/index.php?news
im scipt habe ich bis auf das was du mir gegeben hast alles gelassen.
wenn ich es mit text mache gehts nur mit bilder bekomm ich es nicht hin
<script language="javascript"> var hauptmenuepunkt=new Array(); var submenue=new Array(); hauptmenuepunkt[0]="<img src=\"include/designs/teeworlds_wald/gfx/menu_01.gif\"/>"; submenue[0]="sub1"; hauptmenuepunkt[1]="<img src=\"include/designs/teeworlds_wald/gfx/menu_02.gif\"/>"; submenue[1]="sub2"; hauptmenuepunkt[2]="<img src=\"include/designs/teeworlds_wald/gfx/menu_03.gif\"/>"; submenue[2]="sub3"; var vorher="sub1"; function show_submenue(menuepunkt,lnk) { for(i=0;i<hauptmenuepunkt.length;i++) { if(hauptmenuepunkt[i]==menuepunkt.childNodes[0].childNodes[0].nodeValue) { menue=submenue[i]; } } if(menue!="none") { if(vorher=="") { fade(0,menue,vorher); vorher=menue; } else { if(vorher!=menue) { fade(0,menue,vorher); vorher=menue; } } } else { if(vorher!="") { fade(0,'',vorher); vorher=""; } } } function fade(step, menue, vorher) { step = step || 0; if(menue!="") { document.getElementById(menue).style.display="block"; document.getElementById(menue).style.opacity = step/100; document.getElementById(menue).style.filter = "alpha(opacity=" + step + ")"; // IE } step = step + 2; if(vorher!="") { document.getElementById(vorher).style.opacity=1-(step/100); document.getElementById(vorher).style.filter = "alpha(opacity=" + (100-step) + ")"; // IE //document.getElementById(menue).style.filter = "alpha(opacity=" + step + ")"; } if (step <= 100) { if(vorher!="" && step==100) { document.getElementById(vorher).style.display="none"; } window.setTimeout(function () { fade(step, menue, vorher); }, 1); } } </script>
<td width="84"><a href="index.php?news" onmouseover="show_submenue(sub1);"><span><img src="include/designs/teeworlds_wald/gfx/menu_01.gif" border="0"></span></a></td> <td width="84"><a href="index.php?teams" onmouseover="show_submenue(sub2);"><span><img src="include/designs/teeworlds_wald/gfx/menu_02.gif" border="0"></span></a></td> <td width="147"><a href="index.php?forum" onmouseover="show_submenue(sub3);"><span><img src="include/designs/teeworlds_wald/gfx/menu_03.gif" border="0"></span></a></td>
-
Sa. 25.07.2009
13:01 Uhr
#17
- Registriert seit
- 28.10.2006
- Beiträge
- 236
- Beitragswertungen
Also ich glaub das musst du nen bissl anders machen
hauptmenuepunkt[0]="Menü1"; submenue[0]="sub1"; hauptmenuepunkt[1]="Menü2"; submenue[1]="sub2"; hauptmenuepunkt[2]="Menü3"; submenue[2]="sub3";
Ich glaub das Skript braucht für die navis nur einen Bezeichner, heißt mit nem Img wirds schwierig. die Ausgabe erfolgt ja nicht durch das Skript selbst sonder wird über nen Handler gesteuert, den man ja belibig anwenden kann
Ich dachte erst, dass die Ausgabe übers Skript erfolgt.. Probiers mal damit
-
Sa. 25.07.2009
15:32 Uhr
#18
- Registriert seit
- 28.10.2006
- Beiträge
- 236
- Beitragswertungen
Sooo:
<script language="javascript"> var hauptmenuepunkt=new Array(); var submenue=new Array(); hauptmenuepunkt[0]="Menu1"; submenue[0]="sub1"; hauptmenuepunkt[1]="Menu2"; submenue[1]="sub2"; var vorher="sub1"; function show_submenue(menuepunkt,lnk) { for(i=0;i<hauptmenuepunkt.length;i++) { if(hauptmenuepunkt[i]==menuepunkt.getAttribute('id')) { menue=submenue[i]; } } if(menue!="none") { if(vorher=="") { fade(0,menue,vorher); vorher=menue; } else { if(vorher!=menue) { fade(0,menue,vorher); vorher=menue; } } } else { if(vorher!="") { fade(0,'',vorher); vorher=""; } } } function fade(step, menue, vorher) { step = step || 0; if(menue!="") { document.getElementById(menue).style.display="block"; document.getElementById(menue).style.opacity = step/100; document.getElementById(menue).style.filter = "alpha(opacity=" + step + ")"; // IE } step = step + 2; if(vorher!="") { document.getElementById(vorher).style.opacity=1-(step/100); document.getElementById(vorher).style.filter = "alpha(opacity=" + (100-step) + ")"; // IE //document.getElementById(menue).style.filter = "alpha(opacity=" + step + ")"; } if (step <= 100) { if(vorher!="" && step==100) { document.getElementById(vorher).style.display="none"; } window.setTimeout(function () { fade(step, menue, vorher); }, 1); } } </script>
Jetzt musst du nur noch die Navi anders einbinden:<a onmouseover="show_submenue(this);" href="#" id="Menu1">Info</a> <a onmouseover="show_submenue(this);" href="#" id="Menu2">Test</a>
Der Inahlt ist hier dann diesmal egal. Also auch Bilder sind einbindbar
Die IDs bei den Menüs müssen halt so heißen wie die oben benannt wurden:hauptmenuepunkt[0]="Menu1"; submenue[0]="sub1"; hauptmenuepunkt[1]="Menu2"; submenue[1]="sub2";
Und bei den Submenüs kann man jetzt eig auch den onMouseOver Handler weglassen:<a onmouseover="show_submenue(this);" href="index.php?teams" class="subnavi">» Teams</a> // in <a href="index.php?teams" class="subnavi">» Teams</a>
Das musste jetzt leider ein Doppelpost werden
-
Sa. 25.07.2009
16:01 Uhr
#19
- Registriert seit
- 31.12.2008
- Beiträge
- 505
- Beitragswertungen
danke für deine hilfe... geht alles so wie es sein soll
| Geschlossen | ||
 |
Zurück zu HTML, PHP, SQL,... | |
Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten