Hilfe! Newbie verzweifelt!

Status
Nicht offen für weitere Antworten.
L

Laura

Gast
Hallo zusammen!

Auf der suche nach einem schönen Menü habe ich im Netz dieses Script für ein kreisendes Menü gefunden:

Code:
[color=orange]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>
<HEAD> 
  <TITLE>Java09</TITLE>
  <SCRIPT LANGUAGE="JavaScript">

var r = 150;        // radius
var pi = Math.PI;   // pi
var a=-1;           // Startwinkel
var breite, hoehe;
var Bildbreite=140, Bildhoehe=80;

function abfrage ()
{
  if (navigator.appName=='Netscape' && navigator.appVersion.charAt(0)>='4')
     {
       breite=screen.width;
       hoehe=window.innerHeight;
       window.document.logo.left=breite/2-Bildbreite/2;
       window.document.logo.top=hoehe/2-Bildhoehe/2;
       window.setTimeout ('rotation_nc()', 20);
     }
  if (navigator.appName=='Microsoft Internet Explorer' && navigator.appVersion.charAt(0)>='4')
     {
       breite=screen.width;
       hoehe=screen.height;
       logo.style.left=breite/2-Bildbreite/2;
       logo.style.top=hoehe/2-Bildhoehe/2;
      window.setTimeout ('rotation_ie()', 20);
     }
}


function rotation_nc ()
{
  a++;
  window.document.neu.left=(r * Math.cos(a*(pi/180))) + breite/2-Bildbreite/2;
  window.document.neu.top=(r * Math.sin(a*(pi/180))) + hoehe/2-Bildhoehe/2;
  window.document.impressum.left=(r * Math.cos((a+120)*(pi/180))) + breite/2-Bildbreite/2;
  window.document.impressum.top=(r * Math.sin((a+120)*(pi/180))) + hoehe/2-Bildhoehe/2;
  window.document.feedback.left=(r * Math.cos((a+240)*(pi/180))) + breite/2-Bildbreite/2;
  window.document.feedback.top=(r * Math.sin((a+240)*(pi/180))) + hoehe/2-Bildhoehe/2;
  window.setTimeout ('rotation_nc()', 75);
}
function rotation_ie ()
{
  a++;
  neu.style.left=(r * Math.cos(a*(pi/180))) + breite/2-Bildbreite/2;
  neu.style.top=(r * Math.sin(a*(pi/180))) + hoehe/2-Bildhoehe/2;
  impressum.style.left=(r * Math.cos((a+120)*(pi/180))) + breite/2-Bildbreite/2;
  impressum.style.top=(r * Math.sin((a+120)*(pi/180))) + hoehe/2-Bildhoehe/2;
  feedback.style.left=(r * Math.cos((a+240)*(pi/180))) + breite/2-Bildbreite/2;
  feedback.style.top=(r * Math.sin((a+240)*(pi/180))) + hoehe/2-Bildhoehe/2;
        
  window.setTimeout ('rotation_ie()', 75);
}



  </SCRIPT>
</HEAD>
<BODY BGCOLOR="#f5e287" BACKGROUND="bg.gif" onload="abfrage()">



<DIV ID="neu" STYLE="position: absolute; left:-100px; top:-100px">[url="java06.htm"]Link 1[/url] </DIV><DIV ID="impressum" STYLE="position: absolute; left:-100px; top:-100px">[url="java07.htm"]Link 2[/url] </DIV><DIV ID="feedback" STYLE="position: absolute; left:-100px; top:-100px">[url="java08.htm"]Link 3[/url] </DIV><DIV ID="logo" STYLE="position: absolute; left:-100px; top:-100px"></DIV></P>



<CENTER><FONT COLOR="#990000" SIZE="+1">Hier fliegen die Links!</FONT></CENTER></P>



<CENTER><FONT COLOR="#990000" SIZE="+1">Kopieren Sie den Quelltext
und passen Sie ihn nach

Ihren W&nschen an. Sie k&nnen diese Seite

komplett unter Workshop 49 downloaden.</FONT></CENTER>

</BODY>
</HTML>
[/color]


Meine dumme Frage ist jetzt: Ich möchte 2 weitere Links einfügen. Wie geht das? Ich habe schon ein bisschen rumprobiert, aber nichts hat gefunzt.
 

Manfred

Bekanntes Mitglied
So gehts


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

Code:
<HTML> 
<HEAD> 
  <TITLE>Java09</TITLE> 
  <SCRIPT LANGUAGE="JavaScript"> 

var r = 150;        // radius 
var pi = Math.PI;   // pi 
var a=-1;           // Startwinkel 
var breite, hoehe; 
var Bildbreite=140, Bildhoehe=80; 

function abfrage () 
{ 
  if (navigator.appName=='Netscape' && navigator.appVersion.charAt(0)>='4') 
     { 
       breite=screen.width; 
       hoehe=window.innerHeight; 
       window.document.logo.left=breite/2-Bildbreite/2; 
       window.document.logo.top=hoehe/2-Bildhoehe/2; 
       window.setTimeout ('rotation_nc()', 20); 
     } 
  if (navigator.appName=='Microsoft Internet Explorer' && navigator.appVersion.charAt(0)>='4') 
     { 
       breite=screen.width; 
       hoehe=screen.height; 
       logo.style.left=breite/2-Bildbreite/2; 
       logo.style.top=hoehe/2-Bildhoehe/2; 
      window.setTimeout ('rotation_ie()', 20); 
     } 
} 


function rotation_nc () 
{ 
  a++; 
  window.document.neu.left=(r * Math.cos(a*(pi/180))) + breite/2-Bildbreite/2; 
  window.document.neu.top=(r * Math.sin(a*(pi/180))) + hoehe/2-Bildhoehe/2; 
  window.document.impressum.left=(r * Math.cos((a+120)*(pi/180))) + breite/2-Bildbreite/2; 
  window.document.impressum.top=(r * Math.sin((a+120)*(pi/180))) + hoehe/2-Bildhoehe/2; 
  
  window.document.neuerID.left=(r * Math.cos((a+150)*(pi/180))) + breite/2-Bildbreite/2; 
  window.document.neuerID.top=(r * Math.sin((a+150)*(pi/180))) + hoehe/2-Bildhoehe/2; 
  
  window.document.feedback.left=(r * Math.cos((a+240)*(pi/180))) + breite/2-Bildbreite/2; 
  window.document.feedback.top=(r * Math.sin((a+240)*(pi/180))) + hoehe/2-Bildhoehe/2; 
  window.setTimeout ('rotation_nc()', 75); 
} 
function rotation_ie () 
{ 
  a++; 
  neu.style.left=(r * Math.cos(a*(pi/180))) + breite/2-Bildbreite/2; 
  neu.style.top=(r * Math.sin(a*(pi/180))) + hoehe/2-Bildhoehe/2; 
  impressum.style.left=(r * Math.cos((a+120)*(pi/180))) + breite/2-Bildbreite/2; 
  impressum.style.top=(r * Math.sin((a+120)*(pi/180))) + hoehe/2-Bildhoehe/2; 
  
  neuerID.style.left=(r * Math.cos((a+150)*(pi/180))) + breite/2-Bildbreite/2; 
  neuerID.style.top=(r * Math.sin((a+150)*(pi/180))) + hoehe/2-Bildhoehe/2;
  
  feedback.style.left=(r * Math.cos((a+240)*(pi/180))) + breite/2-Bildbreite/2; 
  feedback.style.top=(r * Math.sin((a+240)*(pi/180))) + hoehe/2-Bildhoehe/2; 
        
  window.setTimeout ('rotation_ie()', 75); 
} 



  </SCRIPT> 
</HEAD> 
<BODY BGCOLOR="#f5e287" BACKGROUND="bg.gif" onload="abfrage()"> 



<DIV ID="neu" STYLE="position: absolute; left:-100px; top:-100px">[url="java06.htm"]Link 1[/url] </DIV><DIV ID="impressum" STYLE="position: absolute; left:-100px; top:-100px">[url="java07.htm"]Link 2[/url] </DIV><DIV ID="feedback" STYLE="position: absolute; left:-100px; top:-100px">[url="neuerLink.htm"]neuer Link[/url] </DIV><DIV ID="neuerID" STYLE="position: absolute; left:-100px; top:-100px">[url="java08.htm"]Link 3[/url] </DIV><DIV ID="logo" STYLE="position: absolute; left:-100px; top:-100px"></DIV></P> 



<CENTER><FONT COLOR="#990000" SIZE="+1">Hier fliegen die Links!</FONT></CENTER></P> 



<CENTER><FONT COLOR="#990000" SIZE="+1">Kopieren Sie den Quelltext 
und passen Sie ihn nach
 
Ihren W&nschen an. Sie k&nnen diese Seite
 
komplett unter Workshop 49 downloaden.</FONT></CENTER> 

</BODY> 
</HTML>

Jedoch musst du in den Zeilen

Code:
 window.document.neuerID.left=(r * Math.cos((a+150)*(pi/180))) + breite/2-Bildbreite/2; 
  window.document.neuerID.top=(r * Math.sin((a+150)*(pi/180))) + hoehe/2-Bildhoehe/2;

und

Code:
  neuerID.style.left=(r * Math.cos((a+150)*(pi/180))) + breite/2-Bildbreite/2; 
  neuerID.style.top=(r * Math.sin((a+150)*(pi/180))) + hoehe/2-Bildhoehe/2;


bessere Werte für 150 nehmen, den Winkel halt!

Und das hier auch noch einfügen

Code:
HREF="neuerLink.htm">neuer Link</A> </DIV><DIV ID="neuerID" STYLE="position: absolute; left:-100px; top:-100px"><A
 

foobar

Top Contributor
Code:
<DIV ID="neu" STYLE="position: absolute; left:-100px; top:-100px">[url="java06.htm"]Link 1[/url] </DIV><DIV ID="impressum" STYLE="position: absolute; left:-100px; top:-100px">[url="java07.htm"]Link 2[/url] </DIV><DIV ID="feedback" STYLE="position: absolute; left:-100px; top:-100px">[url="java08.htm"]Link 3[/url] </DIV><DIV ID="logo" STYLE="position: absolute; left:-100px; top:-100px"></DIV>
[url="java09.htm"]Link 4[/url] </DIV><DIV ID="logo2" STYLE="position: absolute; left:-100px; top:-100px"></DIV>
</P>
 

L-ectron-X

Gesperrter Benutzer
Bitte Boardregeln beachten und für jeden neuen Thread einen Aussage kräftigen Titel verwenden!
Wer soll denn etwas mit "Hilfe! Newbie verzweifelt!" anfangen können?

@Mods: Bitte mal den Titel anpassen.
 

Manfred

Bekanntes Mitglied
der von mir gepostete Code funktioniert!!

Nur sind die Links nicht symmetrisch angeordnet!


Die unten angeführten Codeausschnitte sind schon enthalten! Die sind nur zur erklärung was verändert werden muss angegeben, also nicht nochmal einfügen!
 
L

Laura

Gast
Sry, hatte was übersehen!

Danke für die Hilfe! Alles funzt jetzt
 
Status
Nicht offen für weitere Antworten.
Ähnliche Java Themen
  Titel Forum Antworten Datum
O Newbie sucht Hilfe Angular, React, JQuery - Fragen zu JavaScript 3
M JavaScript Hilfe dringend (v.2) Angular, React, JQuery - Fragen zu JavaScript 1
M Hilfe! Feature detection - Browser nach Java abfragen Angular, React, JQuery - Fragen zu JavaScript 3
FranziskaN Hilfe Los-Topf in js und html Angular, React, JQuery - Fragen zu JavaScript 18
T Bitte um Hilfe bei Zeichenzähler Erweiterung Angular, React, JQuery - Fragen zu JavaScript 12
T Bin neu und brauche Hilfe Angular, React, JQuery - Fragen zu JavaScript 4
T Benötige Hilfe Angular, React, JQuery - Fragen zu JavaScript 11
K Hilfe bei Caesar Verschlüsselung Angular, React, JQuery - Fragen zu JavaScript 2
N Hilfe, kann jemand den Fehler finden? Angular, React, JQuery - Fragen zu JavaScript 4
A Hilfe für guten Zweck Angular, React, JQuery - Fragen zu JavaScript 6
L suche Hilfe bei Anpassung eines Scripts Angular, React, JQuery - Fragen zu JavaScript 5
M Hilfe bei kleinem Script Angular, React, JQuery - Fragen zu JavaScript 8
O Anfänger bittet um Hilfe neuer Versuch Angular, React, JQuery - Fragen zu JavaScript 1
O Bitte um Hilfe Angular, React, JQuery - Fragen zu JavaScript 3
B Photoshop Script Hilfe Angular, React, JQuery - Fragen zu JavaScript 2
K Javascript "Bild mit Pfeiltasten automatisch bewegen" HILFE Angular, React, JQuery - Fragen zu JavaScript 0
F Hilfe bei if Abfrage Angular, React, JQuery - Fragen zu JavaScript 2
K Hilfe bei mitwachsenden Textboxen. Angular, React, JQuery - Fragen zu JavaScript 5
H Hilfe bei quiz gesucht Angular, React, JQuery - Fragen zu JavaScript 5
F Hilfe Button mit Javascript Angular, React, JQuery - Fragen zu JavaScript 2
F [S] Hilfe beim JavaScript auf Homepage Angular, React, JQuery - Fragen zu JavaScript 4
R Java Code Hilfe Angular, React, JQuery - Fragen zu JavaScript 16
J Von javascript zu java HILFE Angular, React, JQuery - Fragen zu JavaScript 5
B Brauche Hilfe bei Java-Script... Angular, React, JQuery - Fragen zu JavaScript 4
Bloodfire Brauche Hilfe bei Java Skript Angular, React, JQuery - Fragen zu JavaScript 5
A Brauche hilfe bei java-script Angular, React, JQuery - Fragen zu JavaScript 3
V Hilfe Angular, React, JQuery - Fragen zu JavaScript 7
M Hilfe gesucht für ein Projekt Angular, React, JQuery - Fragen zu JavaScript 1
C Hilfe bei passwort skript Angular, React, JQuery - Fragen zu JavaScript 3
S Brauche Hilfe mit Java Script Angular, React, JQuery - Fragen zu JavaScript 2
M Advend Advend mein Lichtlein ist ausgebrannt :( HILFE Angular, React, JQuery - Fragen zu JavaScript 2
G Hilfe - Javascript geht auf meinem Rechner nicht. Angular, React, JQuery - Fragen zu JavaScript 2
M Hilfe Angular, React, JQuery - Fragen zu JavaScript 5
R Brauche Hilfe bei dem Java Script Bitte Angular, React, JQuery - Fragen zu JavaScript 3
J Brauche Hilfe, weiß aber nicht wie das heißt! Angular, React, JQuery - Fragen zu JavaScript 8
R Rolldown Menü Hilfe bitte Angular, React, JQuery - Fragen zu JavaScript 2
S Bitte um Hilfe Script gesucht Angular, React, JQuery - Fragen zu JavaScript 4
L Hilfe bei Bildscroll Script Angular, React, JQuery - Fragen zu JavaScript 5
A HILFE - Popup soll sich selbst aktualisieren. Angular, React, JQuery - Fragen zu JavaScript 3
G Hilfe bei Mauskoordinaten abfrage Angular, React, JQuery - Fragen zu JavaScript 4
A Brauche hilfe bei einen Servlet Angular, React, JQuery - Fragen zu JavaScript 8
S Preloader hilfe Angular, React, JQuery - Fragen zu JavaScript 7
T Totaler Newbee bitte dringend um Hilfe Angular, React, JQuery - Fragen zu JavaScript 2
H Ich brauche hilfe Angular, React, JQuery - Fragen zu JavaScript 3
M Ich brauch jetzt, genau jetzt Hilfe!!!! Angular, React, JQuery - Fragen zu JavaScript 3
R Netscap + Java Brauche Hilfe Angular, React, JQuery - Fragen zu JavaScript 1
N HILFE:... ICH KOMME NET MEHR WEITER! Angular, React, JQuery - Fragen zu JavaScript 2

Ähnliche Java Themen

Neue Themen


Oben