Pferdchen23

Tina. NICHT Pferdchen23!
 

Dabei seit: 09.02.2005
Beiträge: 2.459
Herkunft: BK in WN in BaWü
 |
|
Fehler beim Coden? (Javascript) |
 |
-Problem behoben, kann geschlossen werden
-
Das Menü ist ja jetzt schön,
aber ich hätte gerne ein Hintergrundbild XD
Hab bei background-Image die URL angegeben,
aber das Bild landet im Menü.
Mach sowas zum ersten Mal und hab recht wenig Ahnung vom Design coden bei Java,
vll. weiß einer, wo der Fehler ist?
http://people.freenet.de/Tinas_Forum/RPG/LaValle.htm
ps.: Nicht wundern,
weil es so ein komisches Menü hat... Eigentlich hab ich nur Codes von anderen Seiten genommen um daran rumzuprobieren, war nicht zum Hochladen gedacht, aber das Grundgerüst, um das es mir ja geht, tut ja nicht
__________________
Schaut doch mal in unserem Thread vorbei
Dieser Beitrag wurde 3 mal editiert, zum letzten Mal von Pferdchen23: 14.04.2006 18:12.
|
|
12.04.2006 17:04 |
|
|
Lawina

LAWILICIOUS
 
Dabei seit: 13.05.2005
Beiträge: 14.256
Herkunft: Bayern
 |
|
Geiles Menü.. Gefällt mir voll gut... Dein Frage kanni ch leide rnich beantwroten
|
|
12.04.2006 19:43 |
|
|
Pferdchen23

Tina. NICHT Pferdchen23!
 

Dabei seit: 09.02.2005
Beiträge: 2.459
Herkunft: BK in WN in BaWü
Themenstarter
 |
|
Naja, was hilft das? Der Grundcode für den BG ist bei dem fertigen javaScript exakt wie bei HTML, nur landet das Design statts als Seitenhintergrund immer im Menü =/
Und ich will ja eigentlich keine Farbe für den Hintergrund sondern einfach dass das Design an die richtige Stelle kommt und eine Index-Datei hab ich nicht *sfz*
Trotzdem Danke. Ich fang am besten einfach nochmal an.
__________________
Schaut doch mal in unserem Thread vorbei
|
|
13.04.2006 19:56 |
|
|
+LoNeLy-LuCk+

Say ''Fuck you!'' & smile.
 

Dabei seit: 13.03.2005
Beiträge: 1.542
Herkunft: (N)o (R)eal (W)orld
 |
|
<html>
<head>
<title>LaValle dei Cavalli</title>
<meta name="authors" content="">
<meta name="description" content="LaValle dei Cavalli, eine VPH, auf der dich viele Aktionen, eine nette Community und viel Spaß erwarten!">
<link type="text/css" href="style.css" rel="stylesheet">
<script language="JavaScript">
// www: http://www.javarea.de
// Copyright by javarea.de
function goToURL() { history.go(-1); }
</script>
<style>
.menu
{
background-color:#79A793;
border:1px solid #000000;
width:109px;
font-size:11px;
font-family:verdana;
position: absolute;
color:#000000;
cursor:hand;
background-image: url('http://people.freenet.de/kaninchentina/LVDesi.gif');
}
.item_panel
{
width:45px;
border-left:1px solid #000000;
border-right:1px solid #000000;
clip:rect(0,0,0,0);
position:absolute;
}
.item_panel a
{
text-decoration:none;
color:#000000;
cursor:hand;
}
.item
{
background-color: #9EC0B2;
width: 100px;
font-size: 10px;
font-family: verdana;
}
</style>
<script language="JavaScript">
// www: http://www.javarea.de
// Copyright by javarea.de
var height = 20; // Hoehe der Menuekoepfe
var iheight = 12; // Hoehe der Menueelemente
var bgc = "#E6D39D" // background color of the item
var tc = "#3C331E" // text color of the item
var over_bgc = "#E5D6B2";
var over_tc = "#3C331E";
var speed = 0;
var timerID = "";
var N = (document.all) ? 0 : 1;
var width = 105;
var self_menu = new Array();
function write_menu()
{
smc = 0; // count the position of the self_menu
document.write("<div style='position:absolute'>");
mn = 0;
mni = 1;
start = -1;
for(i=0;i<Link.length;i++)
{
la = Link[i].split("|");
if (la[0] == "0")
{
if(start == 0)
{
document.write("</div>");
h = csmc * iheight;
tmn = mn; //-h
self_menu[smc] = new Array(tmn,h,0,-2);
smc++;
mn--;
}
csmc = 0;
document.write("<div class='menu' style='top:"+mn+";height:"+height+"' id='down"+smc+"' onclick='pull_down("+smc+","+mni+")'> "+ la[1] + "</div>");
self_menu[smc] = new Array(mn,height,0,mni);
smc++;
mni++;
mn+=height;
start = 1;
}
else
{
if(start == 1)
{
if(N)mn+=2;
document.write("<div class='item_panel' id='down"+smc+"' style='top:"+mn+"'>");
start = 0;
}
document.write("<a href='"+la[2]+"'");
if (la[3] != "") document.write(" target='" + la[3] + "' ");
document.write("><div class='item' id='d"+i+"' style='height:"+iheight);
if (N) document.write(";width:150");
document.write("' onmouseover='color(this.id)' onmouseout='uncolor(this.id)'> "+ la[1] + "</div></a>");
csmc++;
}
}
if (start == 0)
{
document.write("</div>");
h = csmc * iheight;
tmn = mn + 5; //-h
self_menu[smc] = new Array(tmn,h,0);
name = "down" + (self_menu.length-1);
obj = document.getElementById(name);
obj.style.borderBottomColor = "#000000";
obj.style.borderBottomWidth = 1;
obj.style.borderBottomStyle = "solid";
}
document.write("</div>");}
function color(obj)
{
document.getElementById(obj).style.backgroundColor = over_bgc;
document.getElementById(obj).style.color = over_tc
}
function uncolor(obj)
{
document.getElementById(obj).style.backgroundColor = bgc;
document.getElementById(obj).style.color = tc
}
function pull_down(nr,c)
{
if (timerID == "")
{
to = self_menu[nr+1][1]
begin = nr + 2;
if (timerID != "") clearTimeout(timerID);
if (self_menu[nr+1][2] == 0)
{
self_menu[nr+1][2] = 1;
if(nr == self_menu.length-2) {to++;}
epull_down(begin,to,0);
}
else
{
to = 0;
self_menu[nr+1][2] = 0;
name = "down"+(nr+2);
open_item = 0;
for(i=0;i<nr;i++)
{
if(self_menu[i][2] == 1)
{open_item += self_menu[i][1];
}
}
if (N == false) {open_item-= (c*1)};
if (nr== self_menu.length-2) {val = self_menu[self_menu.length-1][1];to=-1;}
else val = parseInt(document.getElementById(name).style.top) -(open_item)-(c*height);
epull_up(begin,to,val);
}
}
}
function epull_down(nr,to,nowv)
{
name = "down" + (nr-1);
obj = document.getElementById(name).style.clip = "rect(0,"+width+","+(nowv+1)+",0)";
for (i=nr;i<self_menu.length;i++)
{
name = "down" + i;
obj = document.getElementById(name);
obj.style.top = parseInt(obj.style.top)+1;
}
nowv++;
if(nowv < to) timerID = setTimeout("epull_down("+nr+","+to+","+nowv+")",speed);
else timerID = "";
}
function epull_up(nr,to,nowv)
{
name = "down" + (nr-1);
obj = document.getElementById(name).style.clip = "rect(0,"+width+","+nowv+",0)";
for (i=nr;i<self_menu.length;i++)
{
name = "down" + i;
obj = document.getElementById(name);
obj.style.top = parseInt(obj.style.top)-1;
}
nowv--;
if(nowv > to) timerID = setTimeout("epull_up("+nr+","+to+","+nowv+")",speed);
else timerID = "";
}
function startup(nr)
{
write_menu();
if (nr != 0)
{
for(i=0;i<self_menu.length;i++)
{
if(self_menu[i][3] == nr) pull_down(i,nr)
i==self_menu.length;
}
}
}
</script>
</head>
<body background="http://people.freenet.de/kaninchentina/LVDesi.gif">
<div id="Layer1" style="position:absolute; left:5px; top:115px;">
<iframe width="554" height="408" name="Main" src="http://people.freenet.de/Tinas_Forum/RPG/startseite.html" scrolling="auto" frameborder="0"></iframe>
</div>
<div id="2" style="position:absolute; left:570px; top:120px;">
<table width=50 >
<tr>
<td>
<script language="JavaScript">
//Link[nr] = "position [0 is menu/1 is item],Link name,url,target (blank|top|frame_name)"
var Link = new Array();
Link[0] = "0|Haupt";
Link[1] = "1|Main|main.htm|haupt";
Link[2] = "1|Gästebuch|http://www.0814net.de/cgi-bin/cms/gb/gb.cgi?id=17102|haupt";
Link[3] = "1|Forum|http://chevauxsoleil.ch.funpic.de/wbblite|blank";
Link[4] = "0|Anmeldung";
Link[5] = "1|Regeln|regeln.htm|haupt";
Link[6] = "1|Hengste|hengste.htm|haupt";
Link[7] = "1|Stuten|stuten.htm|haupt";
Link[8] = "1|Fohlen|fohlen.htm|haupt";
Link[9] = "0|Intern";
Link[10] = "1|Mitglieder|mitglieder.htm|haupt";
Link[11] = "1|Über die Herden|dieherden.htm|haupt";
Link[12] = "0|Herden";
Link[13] = "1|Rays: Hengste|h-hengste.htm|haupt";
Link[14] = "1|Rays: Stuten|h-stuten.htm|haupt";
Link[15] = "1|Wanted Escapes|wanteds.htm|haupt";
Link[16] = "1|Stakkatos|stakkatos.htm|haupt";
Link[17] = "0|Rechtliches";
Link[18] = "1|Bildnachweis|bildnachweis.htm|haupt";
Link[19] = "1|Impressum|impressum.htm|haupt";
startup(6);
</script>
</td>
</tr>
</table>
</div>
<!--
<div id="Layer2" style="position:absolute; left:6px; top:20px;">
<map name="Leiste">
<area alt="" coords="39,46,96,70" href="java script:showMain()">
<area alt="" coords="97,47,191,70" href="java script:showAnmeldung()">
<area alt="" coords="193,50,279,70" target="haupt" href="mitglieder.htm">
<area alt="" coords="281,49,347,70" href="java script:showHerden()">
<area alt="" coords="349,47,422,70" href="java script:showAnderes()">
<area alt="" coords="421,47,529,70" target="haupt" href="bildnachweis.htm">
<area alt="" coords="530,46,618,70" target="haupt" href="impressum.htm">
</map>
</div>
<div id="main" style="visibility:hidden; position:absolute; top:5px; left:635px;" >
<a href="main.htm" target="haupt"><img src="test.jpg" border="0"></a><br>
<a href="mailto:chevaux-de-soleil@arcor.de"><img src="mail.jpg" border="0"></a><br>
<a href="http://www.0814net.de/cgi-bin/cms/gb/gb.cgi?id=17102" target="haupt"><img src="gb.jpg" border="0"></a><br>
<a href="http://chevauxsoleil.funpic.de/wbblite" target="_blank"><img src="forum.jpg" border="0"></a><br>
<a href="java script:closeMain()"><img src="close.jpg" border="0"></a>
</div>
<div id="anmeldung" style="visibility:hidden; position:absolute; top:105px; left:635px;" >
<a href="regeln.htm" target="haupt"><img src="regeln.jpg" border="0"></a><br>
<a href="hengste.htm" target="haupt"><img src="hengste.jpg" border="0"></a><br>
<a href="stuten.htm" target="haupt"><img src="stuten.jpg" border="0"></a><br>
<a href="fohlen.htm" target="haupt"><img src="fohlen.jpg" border="0"></a><br>
<a href="java script:closeAnmeldung()"><img src="close.jpg" border="0"></a>
</div>
<div id="herden" style="visibility:hidden; position:absolute; top:205px; left:635px;" >
<a href="h-hengste.htm" target="haupt"><img src="herde1h.jpg" border="0"></a><br>
<a href="h-stuten.htm" target="haupt"><img src="herde1s.jpg" border="0"></a><br>
<a href="wanteds.htm" target="haupt"><img src="herde2.jpg" border="0"></a><br>
<a href="stakkatos.htm" target="haupt"><img src="herde3.jpg" border="0"></a><br>
<a href="java script:closeHerden()"><img src="close.jpg" border="0"></a>
</div>
<div id="anderes" style="visibility:hidden; position:absolute; top:305px; left:635px;" >
<a href="dieherden.htm" target="haupt"><img src="herden.jpg" border="0"></a><br>
<a href="#" onClick="MyWindow=window.open('windex.htm','MyWindow','toolbar=yes,location
=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=75
0,height=500,left=0,top=0'); return false;"><img src="rudel.jpg" border="0"></a><br>
<a href="java script:closeAnderes()"><img src="close.jpg" border="0"></a>
</div>
-->
</body>
</html>
versuch's damit (;
__________________
Disturbed - Get Psycho
|
|
13.04.2006 22:15 |
|
|
 | |
Pferdchen23

Tina. NICHT Pferdchen23!
 

Dabei seit: 09.02.2005
Beiträge: 2.459
Herkunft: BK in WN in BaWü
Themenstarter
 |
|
Ich sagte doch,
dass es nur zum Rumspielen war
Die Datei heißt im Orginal Test.htm und ich hab daran nur ein paar Quelltexte zusammengesucht, an denen ich rumgearbeitet hab, um das rauszukriegen, wie die Dinger funktionieren.
Aber mit dem Menü hast du recht XD
Blöd muss man sein oÔ Typisch ich.
@+LoNeLy-LuCk+
Aaah, vielen Dank, jetzt tut´s
__________________
Schaut doch mal in unserem Thread vorbei
|
|
14.04.2006 15:25 |
|
|
Nadja

Mitglied
 

Dabei seit: 31.03.2005
Beiträge: 683
Herkunft: Bayern
 |
|
|
14.04.2006 16:57 |
|
|
Pferdchen23

Tina. NICHT Pferdchen23!
 

Dabei seit: 09.02.2005
Beiträge: 2.459
Herkunft: BK in WN in BaWü
Themenstarter
 |
|
|
14.04.2006 18:13 |
|
|
Impressum
|
|