| Autor |
Nachricht |
Losturiel
Threadersteller
Dabei seit: 18.11.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 18.11.2008 17:50
Titel Javascript in HTML einbauen ? |
  |
|
Hallo !
mein Problem:
Ich habe eine etwas ältere Homepage die ich aufmotzen will. Dazu habe ich mir eine "Mouseover/Dropdown"-Buttonleiste (in einem dafür gemachten Prog) gebastelt. Diese Leiste ist eine javaskript- und meine Page eine HTML-Datei.
| Code: | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<meta http-equiv="Content-Language" content="de">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Home</title>
</head>
<html>
<body bgcolor="#000000">
<table border="0" cellpadding="0" cellspacing="0" width="1200" height="799">
<!-- MSTableType="layout" -->
<tr>
<td valign="top">
<!-- MSCellType="DecArea" -->
<p align="center">
<object classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" id="obj1"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" border="0"
width="160" height="160">
<param name="movie" value="images/LSD.swf">
<param name="quality" value="High">
<embed src="images/LSD.swf" pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" name="obj1" width="160" height="160"></object>
</td>
<td valign="top" height="106">
<!-- MSCellType="ContentHead" -->
<!-- Search Google -->
<center>
<FORM method=GET action=http://www.google.com/custom>
<TABLE bgcolor=#000000 cellspacing=0 border=0>
<tr valign=top><td>
<A HREF=http://www.google.com/search>
<IMG SRC=http://images/google.gif border=0 ALT=Google align=middle></A>
</td>
<td>
<INPUT TYPE=text name=q size=31 maxlength=255 value="">
<INPUT type=submit name=sa VALUE="Google Search">
<INPUT type=hidden name=cof VALUE="AH:center;AWFID:404abe43af8a4d62;">
<input type=hidden name=domains value="sozialatlas.de"><br><input type=radio name=sitesearch value="">
<font color="#FFFFFF"><b><font face="Tahoma">Suche im www</font></b>
</td></tr></TABLE>
</FORM>
</center>
<!-- Search Google --> </td>
</tr>
<tr>
<td valign="top" width="200">
<!-- MSCellType="NavBody" -->
<p align="center"> </p>
<p align="center">
<!-- Button-Leiste -->
<link href="images/button/green-files/styles_uxhi7.css" type="text/css" rel="stylesheet"/>
<ul id="vbUL_vxhi7" class="vbULuxhi7" style="visibility:hidden;">
<li><a title="Bar 84">Bar 84</a></li>
<li><a title="Andere">Andere</a></li></ul>
<ul id="vbUL_yxhi7" class="vbULuxhi7" style="visibility:hidden;">
<li><a title="Bildbearbeitung">Bildbearbeitung</a></li>
<li><a title="Logoerstellung">Logoerstellung</a></li>
<li><a title="Andere">Andere</a></li></ul>
<ul id="vbUL_xxhi7" class="vbULuxhi7" style="visibility:hidden;">
<li><a title="Tiere">Tiere</a></li>
<li><a title="Andere">Andere</a></li></ul>
<ul id="vbUL_lxhi7" class="vbULuxhi7" style="visibility:hidden;">
<li><a title="Mail an: lsd">Mail an: little sheep design</a></li>
<li><a title="Impressum">Impressum</a></li></ul>
<script type="text/javascript" src="images/button/green-files/scuxhi7.js"></script>
<table id="vista-buttons.com:iduxhi7" width=0 cellpadding=0 cellspacing=0 border=0><tr><td
style="padding-bottom:15px" title ="Home">
<p align="center">
<a href="home.html" onMouseOver='xpe("btlxhi7_1.gif");' onMouseOut='xpe("btlxhi7_0.gif");'
onMouseDown='xpe("btlxhi7_2.gif");'>
<img id="xpi_uxhi7" src="images/button/green-files/btuxhi7_0.gif" name="vbuxhi7" width="100" height="30" border="0"
alt="Home"/></a></td></tr><tr><td style="padding-bottom:15px" title ="Projekte" >
<p align="center">
<a href="projekte.html" onMouseOver='xpe("vxhi7o");xpshow("vxhi7",1,this);xpsmover(this);'
onMouseOut='xpsmout(this);' onMouseDown='xpe("vxhi7c");'>
<img id="xpi_vxhi7" src="images/button/green-files/btvxhi7_0.gif" name="vbvxhi7" width="100" height="30" border="0"
alt="Projekte"/></a></td></tr><tr><td style="padding-bottom:15px" title ="Was geht?" href="wasgeht.html">
<p align="center">
<a href="wasgeht.html" onMouseOver='xpe("yxhi7o");xpshow("yxhi7",1,this);xpsmover(this);'
onMouseOut='xpsmout(this);' onMouseDown='xpe("yxhi7c");'>
<img id="xpi_yxhi7" src="images/button/green-files/btyxhi7_0.gif" name="vbyxhi7" width="100" height="30" border="0"
alt="Was geht?"/></a></td></tr><tr><td style="padding-bottom:15px" title ="Bilder" href="bilder.html">
<p align="center">
<a href="bilder.html" onMouseOver='xpe("xxhi7o");xpshow("xxhi7",1,this);xpsmover(this);' onMouseOut='xpsmout(this);'
onMouseDown='xpe("xxhi7c");'>
<img id="xpi_xxhi7" src="images/button/green-files/btxxhi7_0.gif" name="vbxxhi7" width="100" height="30" border="0"
alt="Bilder"/></a></td></tr><tr><td style="padding-bottom:15px" title ="Kontakt">
<p align="center">
<a href="kontakt.html" onMouseOver='xpe("lxhi7o");xpshow("lxhi7",1,this);xpsmover(this);'
onMouseOut='xpsmout(this);' onMouseDown='xpe("lxhi7c");'>
<img id="xpi_lxhi7" src="button/green-files/btlxhi7_0.gif" name="vblxhi7" width="100" height="30" border="0"
alt="Kontakt"/></a></td></tr></table>
<p align="center">
<!-- Button-Leiste --></p>
<p> </p>
<p> </td>
<td valign="top" height="667" width="1000">
<!-- MSCellType="ContentBody" -->
<table border="0" width="100%" id="table1">
<tr>
<td>
<p align="center"><b><font color="#00FF00" face="Tahoma" size="5">Hallo
an alle Besucher!</font></b></p>
<p align="center"><b><font color="#FFFFFF" face="Tahoma">Hier entsteht
in Kürze meine neue Homepage </font></b></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html> |
Im richtigen Code sind die Bilder und die scriptdatei auch alle exakt verlinkt.
Die Leiste wird angezeigt und die Links funktionieren auch. Leider funktioniert der Mouseover-Effekt überhaupt nicht. Wenn der Mousezeiger über dem Button ist verschwindet der Button und der Link wird nur als Text angezeigt.
Ihr werdet sicher Stöhnen und denken "...schon wieder so ein Depp"
Da ich Fotoheini bin, muss ich Euch Recht geben, das bin ich.
Die HP wurde damals mit Frontpage gemacht. SORRY!!!
Ich würde mich freuen wenn mir jemand helfen kann
|
|
| |
  |
 |
choise
Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht: 
|
Verfasst Di 18.11.2008 17:52
Titel
|
|
|
[edit]
Verschoben von Multimedia nach Programmierung.
Kannst du uns einen Link zu der Seite geben ?
Damit lässt es sich einfacher vorstellen.
Die Frage ist, hat das "Tool" mit dem du diesen Effekt erstellt hast, dir auch eine "irgendwas.js" Datei erstellt ?
Zuletzt bearbeitet von choise am Di 18.11.2008 17:54, insgesamt 2-mal bearbeitet
|
|
| |
 |
|
|
Anzeige
|
|
|
Kash
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Di 18.11.2008 17:58
Titel
|
|
|
| choise hat geschrieben: | | Die Frage ist, hat das "Tool" mit dem du diesen Effekt erstellt hast, dir auch eine "irgendwas.js" Datei erstellt ? |
schau mal genauer hin  , ich glaube das ist hier nicht nötig.
oder schau ich grad schief?
|
|
| |
|
|
choise
Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht:
|
Verfasst Di 18.11.2008 18:05
Titel
|
|
|
naja, ich kann mir das ehrlich gesagt nicht so lange anschaun, weil dann meine Augen schmerzen (sorry TO), da der Quelltext doch sehr wirr ist. Darum frag ich nach dem Link.
Auf jeden Fall werden Teilweise irgendwelche Funktionen aufgerufen ("xpe") und ich kann nicht sehen
wo diese deklariert sind.
|
|
| |
|
|
Losturiel
Threadersteller
Dabei seit: 18.11.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 18.11.2008 18:14
Titel
|
|
|
Tut mir leid für den ganzen Code.
Ich dachte wenn man alles sieht kann man eher sehen woran es liegt.
Habe gerade die Dateien hochgeschoben auf www.little-sheep-design.de.
Ist eben ne Baustelle bitte nicht wundern.
Eine "irgendwas.js" Datei wurde erstellt und liegt auf dem Server.
Das Tool nennt sich Vista Buttons.com glaub ich.
Zuletzt bearbeitet von Losturiel am Di 18.11.2008 18:32, insgesamt 1-mal bearbeitet
|
|
| |
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst Di 18.11.2008 18:25
Titel
|
|
|
moin erstmal 
du redest von uralt, aufmotzen, frontpage etc. den ersten tipp, den ich dir schon alleine deswegen geben möchte ist: [entfernen] drücken, und neu machen das is irgendwie alles nichts...
da das im moment aber keine hilfe ist: du hast im quelltext folgende passagen:
| Code: |
<a href="http://www.little-sheep-design.de/home.html" onmouseover='xpe("btlxhi7_1.gif");' onmouseout='xpe("btlxhi7_0.gif");' onmousedown='xpe("btlxhi7_2.gif");'>
<img id="xpi_uxhi7" src="http://www.little-sheep-design.de/images/button/green-files/btuxhi7_0.gif" name="vbuxhi7" alt="Home" border="0" width="100" height="30"></a>
|
interessant für dich der teil mit onmouseover (was idealerweise klein geschrieben sein sollte). dort wird der bildname übergeben, der im over-effekt eingefügt werden soll. scheinbar liegen deine bilder aber alle unter /images/button/green-files/ oder gar woanders. zumindest musst du im mouseover wohl den richtigen pfad zu den bildern (im over-status) einfügen.
|
|
| |
|
|
Losturiel
Threadersteller
Dabei seit: 18.11.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 19.11.2008 01:49
Titel
|
|
|
Vielen Dank erst mal!
Ich werde das mal alles checken hab aber wenig Ahnung.
@ pixelpapst303: Du sagtest neu machen.
Ich habe auf Arbeit die Möglichkeit mit Dreamweaver 8 zu arbeiten. Hältst du das für eine gute Lösung?
Wenn nein hätte ich gern noch einen Tip was das Programm zum erstellen angeht!
Bin absoluter Neuling wie man sieht.
THX an alle die hier gepostet haben.
|
|
| |
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst Mi 19.11.2008 10:49
Titel
|
|
|
| Losturiel hat geschrieben: |
@ pixelpapst303: Du sagtest neu machen.
Ich habe auf Arbeit die Möglichkeit mit Dreamweaver 8 zu arbeiten. Hältst du das für eine gute Lösung? |
ja. ich selbst arbeite zwar mit "blanken" editoren, nicht mit wysiwyg-editoren. aber wenn schon zweiteres,
dann ist dreamweaver sicher eine der besseren lösungen. ich kenn mich mit dw nicht aus, weiß aber soviel, dass du
irgendwo css-layout einstellen kannst. das empfehle ich dir. tuts, die dir bei den ersten schritten helfen,
gibt es sicher auch genug (oder user hier, die dir den ein oder anderen guten tipp geben können).
so, das war das 'technische' ... optisch solltest du es meiner meinung nach aber ebenfalls neu überdenken.
hol dir inspiration, und designe deine seite ersteinmal komplett durch, bevor du auch nur einen editor
öffnest.
viel spaß und gutes gelingen
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
Bestehende swf-Datei in html einbauen
Schatten im IE: CSS, HTML - zur not javascript
media queries für html und javascript
flashgalerie - coverfloweffekt html/css/php/javascript
HTML in Javascript Datei einbetten
externes JavaScript in HTML einbinden
|
|
Willkommen auf dem Portal für Mediengestalter
