Frage wegen JavaScript-Menü
Attila
- javascript
0 Christoph Schnauß0 Urmel0 GraveDigga0 Attila
Hallo Leute!
Habe unter http://www.robertgebauer.de (z.B. auf X'ara klicken)
einen tollen Menü gesehen:
Diese bewegt sich nach oben oder unten, wenn man scrollt.
Wahrscheinlich ist es mit JavaScript geschrieben.
Wenn jemand von Euch weiss, wie das funktioniert und mir den Code zuschicken könnte bzw. schreibt wo ich den Code im WWW finden kann, wäre das sehr nett.
Ich habe dem RobertGebauer geschriben, aber leider hat er sich nicht gemeldet.
Schöne Tage wünscht Euch
Attila
tach,
Habe unter http://www.robertgebauer.de (z.B. auf X'ara klicken)
einen tollen Menü gesehen:
Diese bewegt sich nach oben oder unten, wenn man scrollt.
Wahrscheinlich ist es mit JavaScript geschrieben.
richtig, es ist Javascript.
Wenn jemand von Euch weiss, wie das funktioniert und mir den Code zuschicken könnte bzw. schreibt wo ich den Code im WWW finden kann, wäre das sehr nett.
Nichts leichter als das: du klickst mit der rechten Maustaste auf die Seite, wählst "Quelltext anzeigen" und speicherst dir unter einem beliebigen Namen das ab, was du angezeigt bekommst.
Christoph S.
Hi Stefan
<input type="checkbox" name="cb" value="wert1"<% If InStr(Request.Form("cb"),"wert1")>=1 Then Response.Write " enabled" %>>
Ich kanns dir leider nicht aus dem Kopf in JScript übersetzen, da mir die JScript-Variante von InStr() nicht einfällt, aber es ist ganz einfach:
Mit Request.Form("cb") liesst du die Werte der aktivierten Checkboxen aus. Wenn dieser String den Wert der aktuellen Checkbox ("wert1") enthält, dann wird das HTML-Attribut " enabled" angehängt. InStr sucht den String und gibt die Position zurück. Ist sie kleiner als 1, so wurde der String nicht gefunden.
MfG & HtH
Tom2
Hallo Tom,
Danke für den super Tipp, jetzt funktionierts.
mfg Stefan
<!-- START OF Watermark Navigation Menu DHTML -->
<!--
This DHTML script will make a navigation menu
that will follow your screen as you scroll,
kind of like the old Geocities™ watermark.
Look through the code for comments that will
tell you where to change the code to configure
it how you want in order to display the links
that you want.
-->
<!-- Put this code inside of your <HEAD> tag. -->
<STYLE TYPE="text/css">
<!--
.menuheader {
BORDER-COLOR : #000000 ;
cursor : hand ;
Border-Left : #000000 ;
Border-Top : #000000 ;
Padding-Left : 1px ;
Padding-Top : 1px ;
Background-Color : #000000 ;
}
.menu {
Background-Color : white ;
}
.home {
cursor : hand ;
}
.menulinks {
text-decoration:none;
}
//-->
</STYLE>
<!-- Put this code inside of your <BODY> tag on your page, but OUTSIDE of any other tags. This can NOT be inside of any other tags on your page. -->
<SCRIPT Language="Javascript1.2">
<!--
///////////////////////////////////////////////////////////////
// Change the width and placement of the menu on the page below.
///////////////////////////////////////////////////////////////
var menuwidth=110
var offsetleft=10
var offsettop=10
var ns4=document.layers?1:0
var ie4=document.all?1:0
var ns6=document.getElementById&&!document.all?1:0
function makeStatic() {
if (ie4) {object1.style.pixelTop=document.body.scrollTop+offsettop}
else if (ns6) {document.getElementById("object1").style.top=window.pageYOffset+offsettop}
else if (ns4) {eval(document.object1.top=eval(window.pageYOffset+offsettop));}
setTimeout("makeStatic()",0);
}
if (ie4||ns6) {document.write('<span ALIGN="CENTER" ID="object1" STYLE="Position:absolute; Top:20; Left:'+offsetleft+'; Z-Index:5;cursor:hand;background-color:black;"><TABLE BORDER="1" width="'+menuwidth+'" CELLPADDING="0" CELLSPACING="0" BORDERCOLOR="black" bgcolor="white">')}
else if (ns4){ document.write('<LAYER top="20" name="object1" left="'+offsetleft+'" BGCOLOR=black><TABLE BORDER="0" CELLPADDING="0" CELLSPACING="1"><TR><TD><TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" width="'+menuwidth+'">')}
///////////////////////////////////////////////////////////////
// Change the name of the menu (the text at the top) below.
// You can also shange the font face, size and border colors.
///////////////////////////////////////////////////////////////
if (ie4||ns6||ns4)
document.write('<TR><TD BGCOLOR="#3399FF" BORDERCOLORDARK="#99CCFF" BORDERCOLORLIGHT="#003399"><P ALIGN=CENTER><FONT SIZE="4" FACE=ARIAL>Navigation</FONT></TD></TR>')
var menui = new Array();
var menul = new Array();
///////////////////////////////////////////////////////////////
// Edit menus listing here. You can make as many as you need,
// just make sure that the numbers go up in order correctly.
// The "menui" variables are the actual link text that will
// show up in the menu. The "menul" variables are the URLs
// that match the text displayed there.
///////////////////////////////////////////////////////////////
menui[0]="Menü 1";
menui[1]="Menü 2";
menui[2]="Menü 3";
menui[3]="Menü 4";
menui[4]="Menü 5";
menui[5]="Menü 6";
menui[6]="Menü 7";
menui[7]="Menü 8";
menul[0]="Link 1";
menul[1]="Link 2";
menul[2]="Link 3";
menul[3]="Link 4";
menul[4]="Link 5";
menul[5]="Link 6";
menul[6]="Link 7";
menul[7]="Link 8";
for (i=0;i<=menui.length-1;i++)
///////////////////////////////////////////////////////////////
// You can change table cell background colors below.
// Just change the color names to whatever you want,
// but do NOT change any other code.
///////////////////////////////////////////////////////////////
if (ie4||ns6) {document.write('<TR><TD BORDERCOLOR="white" ONCLICK="location=''+menul[i]+''" onmouseover="className='menuheader'" onMouseout="className='menu'"><CENTER><FONT>'+menui[i]+'</FONT></TD></TR>')}
else if (ns4){document.write('<TR><TD BGCOLOR="white"><ILAYER><LAYER width="'+menuwidth+'" onmouseover="bgColor='yellow'" onmouseout="bgColor='white'"><CENTER><A HREF="'+menul[i]+'" class=menulinks>'+menui[i]+'</A></CENTER></LAYER></ILAYER></TD></TR>')}
if (ie4||ns6) {document.write('</TABLE></span>')}
else if (ns4){document.write('</TABLE></TD></TR></TABLE></LAYER>')}
function menu3(){
if (ns6||ie4||ns4)
makeStatic()
}
window.onload=menu3
//-->
</SCRIPT>
Vielen Herzlichen Dank für Euere Hilfe (besonders an GraveDigga).
Nun habe ich was ich suchte und es funktioniert sogar.
Schöne Tage wünscht Euch
Attila