Willkommen im TP-Hilfe-Forum! Dies ist ein Forum zu den Themen Photoshop, Dreamweaver, Flash, Selbständigkeit und mehr, in dem Du Hilfe, Anleitung oder eine Lösung zu Deinen Problemen erhältst.
Aktuell bist Du in unseren Foren als Gast mit reinen Leserechten unterwegs. Wenn Du Dich registrierst, kannst Du eigene Themen verfassen, Deine Frage stellen und privat mit anderen TPlern kommunizieren. Weitere Foren werden zugänglich, und Du wirst – falls gewünscht – per Mail über neue Beiträge informiert. Die Registrierung ist schnell und kostenlos. Sollten bei der Registrierung Fragen auftauchen, reicht ein Klick in unsere Hilfe - Häufig gestellte Fragen oder eine kurze Mitteilung an das Support-Team.
Habe bis jetzt immer mit einem anderen Programm die Homepage gepflegt.
Will nun mit GoLive GC2 mich nun beschäftigen. Habe auch alle Seiten soweit in der Struktur erstellt. Nun möchte ich mit einem Java Script mein Menue erstellen.
Wie muß ich das JS einbinden?
Klickst auf den Reiter "Quelle" und innerhalb des <head></head> kopierst du deinen quelltext hinein.
Die andere Möglichkeit geht über die Layout-Ansicht. Dort öffnest du erstmal den Headbereich (oberhalb der Layoutansicht, findest den Titel Head, diesen kannst du auf- zu klappen).
Danach schnappst du dir deine Objektleiste (oberes Menü/Ansicht/Objekte) und dort wirst du feststellen, dass diese mit "ziehbare Allgemein-Objekte" geöffnet wurde (kleiner blauer Kasten). Wenn du auf den blauen Kasten gehst, kannst du weitere Objekte auswählen hier klickst du "Head" an. In der Leiste werden nun andere Objekte angezeigt, das letzte angezeigte Objekt klickst du an und ziehst dieses, bei gedrückter Maustaste in die Layoutansicht. Genauer gesagt in den aufgeklappten Head-Bereich.
Wenn du mal kurz auf den Register "Quelle" klickst, stellst du fest das die tags für js in den head eingefügt sind.
Aber wieder zurück zur Layoutansicht, wenn das JS-Objekt noch markiert ist, kannst du über den Inspektor den Button "Quelltext bearbeiten". Ein weiterer Editor öffnet sich und dort fügst du deine JS-Quelltext ein (Hinweis: Nur den JS-Quelltext einfügen, nicht den <script type-....> </script>diesen hast du mit dem einfügen des Objekts schon im Quelltext).
Soderla, des wars. Ups beinahe was vergessen dein CSS-Skript fügst du über den CSS-Editor ein (In der Layoutansicht findest du ganz rechts den Text "Eigenschaften", dort wählst du das ganz rechte Symbol aus.
Danke für die schnelle Antwort!
was meinst du mit Rest für den Script?
Habe alles nach deiner Reihenfolge gemacht.
Es funktioniert aber nicht. Wahrscheinlich stelle ich mich pl....d an.
Im Register "Quelle" ist kein Hacken, und wenn ich darauf klicke kommt "(EmptyReference!). Also muss ich eine Quelle suchen, aber wo?
Bis jetzt habe ich immer im Dokument alles kopiert und dann in meinem alten Programm eingefügt.
Was mache ich falsch????
Hallo raini50,
kopiere einfach alles, was in deinem Beispiel unter "Head Bereich" steht in den Quelltext deiner Seite in den Headbereich.
Das Menü erstellst du dann, wie im Beispiel "Body Bereich".
Wichtig scheinen hierbei die richtigen class- und id-Namen zu sein.
Alles nachvollzogen aber kein Erfolg. Wenn ich aber die Navigation Seite von meinem alten Programm importiere nach GoLive funktioniert es. Der Headbereich wird übernommen, der Bodybereich fehlt aber (das Script). Also übersehe ich etwas.
Hier ist der html Code, der beim Import entstanden ist.
Code:
html><head>
<title>Das ist die Homepage des FSV Falka</title>
<meta name="keywords" content=""AH-Abteilung, Aktuell, Geschichte; Spielplan, Freizeitturnier, Verwaltung, Ergebnisdienst, Stadtliga Gera, Spielplan, Tabelle, Erfolge-Archiv, Top-Links, Kreisliga Gera-Greiz, Sportverein Kleinfalke, Sportverein Falka"">
<meta name="description" content=""Kontakt G?stebuch
Willkommen auf den Webseiten des FSV Falka
Auf den folgenden Seiten stellt sich der FSV Falka vor!
Wenn Sie mehr ?ber den FSV Falka wissen wollen, dann sind Sie hier genau richtig.
Diese Webseiten richten sich an unsere Fans, Mitglieder und alle diejenigen, die es interessiert.
Wenn Sie noch Anmerkungen und/oder Verbesserungsvorschl?ge haben, scheuen Sie sich nicht, mit uns Kontakt aufzunehmen!
Wir w?nschen viel Spass!"">
<meta name="robots" content="index">
<meta name="robots" content="follow">
<link href="css/basic.css" rel="stylesheet" type="text/css" media="all">
<style type="text/css"><!--
body {color:#000067; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; scrollbar-base-color:#4A7FBB; background-color:#4A7FBB;}
a:hover {color:#00FFFF;}
a:focus {color:#000080;}
--></style>
<style type="text/css">
body, textarea {
scrollbar-base-color:#4A7FBB;
scrollbar-3dlight-color:#6CFCF9;
scrollbar-arrow-color:#9CFFED;
scrollbar-darkshadow-color:#96FBFD;
scrollbar-face-color:#4A7FBB;
scrollbar-highlight-color:#4A7FBB;
scrollbar-shadow-color:#4A7FBB;
scrollbar-track-color:#4A7FBB
}
</style>
<style type="text/css">
.menutitle{
cursor:pointer;
margin-bottom: 1px;
background-color:#DFFF25;
color:#001ee1;
width:110px;
padding:1px;
text-align:center;
font-weight:bold;
/*/*/border:1px solid #00000;/* */
}
.submenu{
margin-bottom: 0.5em;
}
</style>
<script type="text/javascript">
/***********************************************
* Switch Menu script- by Martial B of http://getElementById.com/
* Modified by Dynamic Drive for format & NS4/IE4 compatibility
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
if (document.getElementById){ //DynamicDrive.com change
document.write('<style type="text/css">\n')
document.write('.submenu{display: none;}\n')
document.write('</style>\n')
}
function SwitchMenu(obj){
if(document.getElementById){
var el = document.getElementById(obj);
var ar = document.getElementById("masterdiv").getElementsByTagName("span"); //DynamicDrive.com change
if(el.style.display != "block"){ //DynamicDrive.com change
for (var i=0; i<ar.length; i++){
if (ar[i].className=="submenu") //DynamicDrive.com change
ar[i].style.display = "none";
}
el.style.display = "block";
}else{
el.style.display = "none";
}
}
}
</script>
<script language="javascript" type="text/javascript">
<!--
var d = document;
var ns = (navigator.appName.indexOf("Netscape") != -1);
function vs_change_pic(picname,url){document.images[picname].src = url;}
function vs_change_pic_frame(picname,url,framename){parent.frames[framename].document.images[picname].src = url;}
function vs_change_picani(picname,url,ftyp) {
if (ftyp == -2 || navigator.appName != 'Microsoft Internet Explorer' ){
document.images[picname].src = url;
}
else{
if (ftyp == -1){
document.images[picname].filters.blendTrans.Apply();
document.images[picname].src = url;
document.images[picname].filters.blendTrans.Play();
}
else{
document.images[picname].filters.revealTrans.Apply();
document.images[picname].src = url;
document.images[picname].filters.revealTrans.Play();
}
}
}
function vs_change_text(vs_id,vs_text){document.getElementById(vs_id).firstChild.replaceData(0,document.getElementById(vs_id).firstChild.nodeValue.length,vs_text); return;}
function vs_change_text_frame(vs_id,vs_text,framename){parent.frames[framename].document.getElementById(vs_id).firstChild.replaceData(0,parent.frames[framename].document.getElementById(vs_id).firstChild.nodeValue.length,vs_text); return;}
function vs_change_textvalue(vs_object,vs_text){vs_object.value=vs_text;}
function vs_visible_layer(vs_id,vs_vis){document.getElementById(vs_id).style.visibility = vs_vis;}
function vs_visible_layer_frame(vs_id,vs_vis,framename){parent.frames[framename].document.getElementById(vs_id).style.visibility = vs_vis;}
function vs_open_window(openbrse, openbrna, openbrop) {
var windowname = window.open(openbrse,openbrna,openbrop)
if (windowname){
if (windowname.focus){
windowname.focus();}}
return windowname;
}
function vs_open_url(url,target,options){
if(url != "") {
if(target == "_blank") {window.open(url)}
else{ if(target == "_self") {location.href=url;}
else{ if(target == "_top") {top.location.href=url;}
else{ if(target == "_parent") {parent.location.href=url;}
else{ if(options != "") {
var windowname = window.open(url, target, options)
if (windowname){
if (windowname.focus){
windowname.focus();}}
}
else{ if(target != "") {
parent.frames[target].location.href=url;}
else{location.href=url;}}}}}}}
}
function vs_sound(vs_sndaction,vs_sndname){
var A = eval(vs_sndname);
if (A != null){if (vs_sndaction=='stop') A.stop();
else{if (navigator.appName == 'Netscape') A.play();
else{if (document.M == null){
document.M = false; var m;
for(m in A) if (m == "ActiveMovie"){
document.M = true; break;}}
if (document.M) A.SelectionStart = 0;
if (document.M) A.play();}}}}
function vs_scrollwindow(pixel,target,speed,flags){
var py = ns ? pageYOffset : d.body.scrollTop;
var px = ns ? pageXOffset : d.body.scrollLeft;
if (pixel>0){
for (i=0; i<=pixel; i=i+speed){
window.scroll(px,py+i)
}
}
else{
for (i=0; i>=pixel; i=i-speed){
window.scroll(px,py+i)
}
}
}
//--></script>
</head>
<body ><!--vs5user336-->
<table border="0" cellpadding="0" cellspacing="0"><tr><td width="1"><td width="10"><p></p></td><td width="10"><p></p></td><td width="10"><p></p></td><td width="10"><p></p></td><td width="10"><p></p></td><td width="10"><p></p></td><td width="10"><p></p></td><td width="10"><p></p></td><td width="10"><p></p></td><td width="10"><p></p></td><td width="10"><p></p></td><td width="10"><p></p></td><td width="10"><p></p></td><td width="10"><p></p></td><td width="10"><p></p></td><td width="10"><p></p></td><td width="10"><p></p></td></tr><tr><td height="10"></td><td colspan="17" width="170" rowspan="1"><p></p></td></tr><tr><td height="10"></td><td colspan="2" width="20" rowspan="6"><p></p></td><td colspan="13" width="130" rowspan="2">
<div id="masterdiv">
<div class="menutitle" onclick="SwitchMenu('sub1')">
Über uns</div>
<span class="submenu" id="sub1">
- <a href="../../../../../FSV_Falka_e.V/vorstand.htm" target="inhalt">Vorstand</a><br>
- <a href="../../../../../FSV_Falka_e.V/entwicklung.htm" target="inhalt">Chronik</a><br>
- <a href="../../../../../FSV_Falka_e.V/erfolge.htm" target="inhalt">Erfolge</a><br>
- <a href="../../../../../FSV_Falka_e.V/sponsoren.htm" target="inhalt">Sponsoren</a><br>
- <a href="../../../../../FSV_Falka_e.V/kontakt.htm" target="inhalt">Kontakt</a><br>
</span>
<div class="menutitle" onclick="SwitchMenu('sub2')">Formulare</div>
<span class="submenu" id="sub2">
- <a href="../../../../../FSV_Falka_e.V/mitglied.htm" target="inhalt">Mitglied werden</a><br>
</span>
<div class="menutitle" onclick="SwitchMenu('sub3')">Mannschaften</div>
<span class="submenu" id="sub3">
- <a href="../../../../../FSV_Falka_e.V/maenner/frame.htm" target="_parent" hidefocus="true">Männer</a><br>
- <a href="../../../../../FSV_Falka_e.V/nachwuchs.htm" target="inhalt">Nachwuchs</a><br>
- <a href="../../../../../FSV_Falka_e.V/volleyball/volleyball.htm" target="inhalt">Volleyball</a><br>
</span>
<div class="menutitle" onclick="SwitchMenu('sub4')">Projekte</div>
<span class="submenu" id="sub4">
- <a href="../../../../../FSV_Falka_e.V/kinder/ferienfreizeit_2006.htm" target="inhalt" hidefocus="true">Jinolice</a><br>
</span>
<div class="menutitle" onclick="SwitchMenu('sub5')">Kalender</div>
<span class="submenu" id="sub5">
- <a href="http://www.fsv-falka.de/kalender/index.php" target="inhalt" hidefocus="true">Termin</a>
</span>
<div class="menutitle" onclick="SwitchMenu('sub6')">Unsere Partner</div>
<span class="submenu" id="sub6">
- <a href="http://www.fsv-falka.de/lmo/lmo.php?file=krl_greiz_06_07.l98" target="_blank" hidefocus="true">Wünschendorf I</a><br>
- <a href="http://www.fsv-falka.de/lmo/lmo.php?action=results&tabtype=0&file=krkl_greiz_06_07.l98&st=14" target="_blank" hidefocus="true">Wünschendorf II</a><br>
- <a href="http://www.fsv-falka.de/lmo/lmo.php?action=results&tabtype=0&file=krkl_greiz_06_07.l98&st=14"target="_blank" hidefocus="true">Braunichswalde</a><br>
- <a href="http://www.zcontent.de/eznews.php?news=1120045709&nummer=1127389608"target="_blank" hidefocus="true">KFA Gera</a><br>
- <a href="http://picasaweb.google.com/bartifalke"target="_blank" hidefocus="true">Fasching</a><br>
</span>
<div class="menutitle" onclick="SwitchMenu('sub7')">Vereinsshop</div>
<span class="submenu" id="sub7">
- <a href="http://www.spreadshirt.net/shop.php?sid=44831"target="inhalt" hidefocus="true">Fanartikel</a>
</span>
</div>
</td><td colspan="2" width="20" rowspan="3"><p></p></td></tr><tr><td height="10"></td></tr><tr><td height="10"></td><td colspan="13" width="130" rowspan="1"><p></p></td></tr><tr><td height="10"></td><td colspan="15" width="150" rowspan="2">
<!-- Counter von http://fc.webmasterpro.de : dieser Code zeigt ihre Besucherzahl an und z?hlt mit -->
<script type="text/javascript" id="fcScriptbarti" src="http://fc.webmasterpro.de/counter.php?name=barti&style=none"></script>
<noscript><div><img src="http://fc.webmasterpro.de/as_noscript.php?name=barti" alt="" /></div></noscript>
</td></tr><tr><td height="10"></td></tr><tr><td height="10"></td><td colspan="15" width="150" rowspan="1"><p></p></td></tr><tr><td height="10"></td><td colspan="1" width="10" rowspan="25"><p></p></td><td colspan="15" width="150" rowspan="2">
<SCRIPT LANGUAGE="Javascript">
var SMM_TICKER_FONT_COLOR="#000000";
var SMM_TICKER_BG_COLOR="#A1F1FF";
var SMM_TICKER_FONT="Arial";
var SMM_TICKER_RESSORT="_fussball";
var SMM_TICKER_HOVER_UNDERLINE="none";
var SMM_TICKER_LINK_UNDERLINE="none";
var SMM_TICKER_FONTBOLD="normal";
var SMM_TICKER_WIDTH=120;
var SMM_TICKER_HEIGHT=120;
var SMM_TICKER_FONT_SIZE=12;
var SMM_TICKER_SPEED=40;
var SMM_TICKER_HOVER_STOP=1;
var SMM_TICKER_TRANSPARENT=0;
var SMM_TICKER_BORDER_COLOR="#FFFF99";
var SMM_TICKER_BORDER_WIDTH=3;
var SMM_TICKER_BORDER_STYLE="double";
var SMM_TICKER_BORDER_VISIBLE="0";
var SCN_HEADLINES_LOCATION="";
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript" src="http://www.sportal.de/content/js/sportnews_ticker.js"></SCRIPT>
</td><td colspan="1" width="10" rowspan="25"><p></p></td></tr><tr><td height="10"></td></tr><tr><td height="10"></td><td colspan="15" width="150" rowspan="21"><p></p></td></tr><tr><td height="10"></td></tr><tr><td height="10"></td></tr><tr><td height="10"></td></tr><tr><td height="10"></td></tr><tr><td height="10"></td></tr><tr><td height="10"></td></tr><tr><td height="10"></td></tr><tr><td height="10"></td></tr><tr><td height="10"></td></tr><tr><td height="10"></td></tr><tr><td height="10"></td></tr><tr><td height="10"></td></tr><tr><td height="10"></td></tr><tr><td height="10"></td></tr><tr><td height="10"></td></tr><tr><td height="10"></td></tr><tr><td height="10"></td></tr><tr><td height="10"></td></tr><tr><td height="10"></td></tr><tr><td height="10"></td></tr><tr><td height="10"></td><td colspan="15" width="150" rowspan="2">
<!-- 4stats Tracker Code // begin -->
<script type="text/javascript" language="javascript" src="http://4stats.de/de/counter?id=17894"></script>
<noscript><a href="http://www.4stats.de/" target="_blank"><img src="http://4stats.de/de/stats?id=17894" border="0" alt="4stats Webseiten Statistik + Counter" /></a></noscript>
<!-- 4stats Tracker Code // end -->
</td></tr><tr><td height="10"></td></tr></table>
</body>
</html>
EDIT UweB:
Ich habe den Quellcode in ein Codeobjekt gesteckt, damit die Seite nicht so breit wird.
Ich habe mit kopieren den Head Text eingefügt. Wenn ich aber in der Allgemein-Objekte das JS Symbol in einen schwebe Rahmen ziehe und dann den Body Bereich hinnein kopiere tut sich nicht´s.
Was sollte sich da denn tun?
Das JS-Symbol fügt im Quelltext nichts weiter als: <script type="text/javascript"></script> ein.
Der Bodybereich gehört natürlich nicht innerhalb eines Schweberahmen.
Ich habe mit kopieren den Head Text eingefügt. Wenn ich aber in der Allgemein-Objekte das JS Symbol in einen schwebe Rahmen ziehe und dann den Body Bereich hinnein kopiere tut sich nicht´s.
??? was soll das ? Verstehe ich jetzt nicht.
Habe mal deinen ganzen Quelltext kopiert und ausprobiert und mußte feststellen das doch alles funktioniert. Das Menü geht klappt auf und zu, dein Scrollbereich mit Neuigkeiten rattert fröhlich vor sich hin.
Ich habe mit kopieren den Head Text eingefügt. Wenn ich aber in der Allgemein-Objekte das JS Symbol in einen schwebe Rahmen ziehe und dann den Body Bereich hinnein kopiere tut sich nicht´s.
Hoffentlich kopierst du nur den JavaScript-Code hinein
habe alle Hinweise beachtet, aber es funktioniert nicht. Eine Testseite könnt hier sehen, vielleicht erkennt ihr den Fehler. Wäre sehr dankbar:http://www.raiga.de/test/menue_test.html
Hallo raini50,
das Javescript ist der Teil, der im Head eingefügt wird. Soweit scheint dein Beispiel auch richtig zu sein.
Der Teil, den du in den Schweberahmen kopierst, ist kein Javascript!
Das ist einfacher html-Quellcode.
Dieser Teil darf nicht von <script type="text/javascript"><!--....//-->
</script> eingerahmt sein.
Da es kein Javascript ist, wird der Code so als Kommentar angesehen und nicht angezeit.
