SetaPDF
-


Hinweise


Antwort
 
LinkBack Themen-Optionen Thema durchsuchen Thema bewerten
Alt 02.03.2005, 20:23   #1
TP-Junior
 
Registriert seit: Mar 2005
obsti macht alles soweit korrekt

Bei Mouseover der neue Text in HTML


Hallo!
Ich habe ein Mouseover - Befehl, wo auf über Hotspots (auf Bild) mehrere neue Bilder mit neuem Text kommen! Wie kann ich den jeweils neu erscheinenden Text mit einem mailto ... - Link versehen und wie kann ich einen Absatz machen.

Bei mir schaut der Text so aus: xxxxxxx xxxxxx@xxxxxxx
Es soll aber so aussehen:

xxxxxxxxx
xxxxxxx@xxxxxxxxx

Mein Code im Text schaut so aus:
Bild2 = new Image();
Bild2.src = "http://www.xxxxx.de/xxxxxx.jpg";
text2 = "xxxxxxxx";
Danke
obsti ist offline   Mit Zitat antworten


Alt 02.03.2005, 21:11   #2
TP-Veteran
 
Benutzerbild von the-architect
 
Registriert seit: Jun 2004
Ort: Stuttgart
the-architect bringt sich richtig einthe-architect bringt sich richtig ein
und wie gibst du das alles aus?
__________________
mein blog | imedo.de | clubrating.de | deviantart


the-architect ist offline   Mit Zitat antworten
Alt 02.03.2005, 21:13   #3
TP-Junior
 
Registriert seit: Mar 2005
obsti macht alles soweit korrekt
Hier mal mein kompletter Quelltext:

<html><head>
<title>Alpspitz-Team</title>
<script language="JavaScript">
<!--
if(document.images) {
Bild0 = new Image();
Bild0.src = "http://www.werdenfelser-schandirutscher.de/volvo/logo1.gif";
// verwende für Bild0 evt. einen Platzhalter (transparentes gif)
Bild1 = new Image();
Bild1.src = "http://www.werdenfelser-schandirutscher.de/volvo/team/100-7914u2f2.jpg";
text1 = "Stefanie Greif";
Bild2 = new Image();
Bild2.src = "http://www.werdenfelser-schandirutscher.de/volvo/team/schroedl.jpg";
text2 = "Matthias Schrödl";
Bild3 = new Image();
Bild3.src = "http://www.werdenfelser-schandirutscher.de/volvo/team/2f2u8328.jpg";
text3 = "Matthias Melk";
Bild4 = new Image();
Bild4.src = "http://www.werdenfelser-schandirutscher.de/volvo/team/2f2u8321.jpg";
text4 = "Rene Freystedt";
Bild5 = new Image();
Bild5.src = "http://www.werdenfelser-schandirutscher.de/volvo/team/2f2u8319.jpg";
text5 = "Petra Gschwendtner";
Bild6 = new Image();
Bild6.src = "http://www.werdenfelser-schandirutscher.de/volvo/team/2f2u8326.jpg";
text6 = "Florian Gesinn";
Bild7 = new Image();
Bild7.src = "http://www.werdenfelser-schandirutscher.de/volvo/team/salfner.jpg";
text7 = "Christian Salfner";
Bild8 = new Image();
Bild8.src = "http://www.werdenfelser-schandirutscher.de/volvo/team/2f2u8314.jpg";
text8 = "Christian Kusch";
Bild9 = new Image();
Bild9.src = "http://www.werdenfelser-schandirutscher.de/volvo/team/2f2u0204.jpg";
text9 = " ";
Bild10 = new Image();
Bild10.src = "http://www.werdenfelser-schandirutscher.de/volvo/team/murphy.jpg";
text10 = "Murphy";
text0=" ";
}

function Wechsel(Bild,Titel){
if(document.images) {
window.document.images.dasBild.src = Bild.src;;document.all.textzumbild.innerText = Titel;}}

//-->
</script>
<style type="text/css">
#welcometext {
position: absolute;
top: 11px;
left: 362px;
width: 245px;
height: 80px;
}

#navi { position: absolute; top: 140; left: 20;
}

#bildanzeige {
position: absolute;
top: 143px;
right: 20;
width: 360;
textalign: center;
left: 590px;
height: 288px;
}
body {
background-color: #CCCCCC;
}
.Stil1 { font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
}
.Stil2 {font-family: Georgia, "Times New Roman", Times, serif}
.Stil7 { font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
color: #000099;
font-size: 36px;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>
<body>
<div id="Layer1" style="position:absolute; left:287px; top:56px; width:468px; height:46px; z-index:1">klicken Sie mit der Maus auf einen Kopf, um mehr Informationen zu erhalten </div>
<div align="center">
<p class="Stil7"><span class="Stil1">Volvo </span><span class="Stil2">for life</span></p>
</div>
<div id="navi"><h4><img src="Team/Gesamt.jpg" width="448" height="296" border="1" usemap="#Map">
<map name="Map">
<area shape="rect" coords="263,81,303,133" class=link href="#" title="Stefanie Greif"
onmouseout="off(Bild0,text0)" onmouseover="Wechsel(Bild1,text1)">
<area shape="rect" coords="201,78,237,122" href="#" title="Matthias Schrödl"
onmouseout="off(Bild0,text0)" onmouseover="Wechsel(Bild2,text2)">
<area shape="rect" coords="124,64,165,119" href="#" title="Matthias Melk"
onmouseout="off(Bild0,text0)" onmouseover="Wechsel(Bild3,text3)">
<area shape="rect" coords="57,86,98,137" href="#" title="Petra Gschwendtner"
onmouseout="off(Bild0,text0)" onmouseover="Wechsel(Bild5,text5)">
<area shape="rect" coords="259,39,299,77" href="#" title="Florian Gesinn"
onmouseout="off(Bild0,text0)" onmouseover="Wechsel(Bild6,text6)">
<area shape="rect" coords="178,46,208,78" href="#" title="René Freystedt"
onmouseout="off(Bild0,text0)" onmouseover="Wechsel(Bild4,text4)">
<area shape="rect" coords="329,26,366,68" href="#" title="Christian Salfner"
onmouseout="off(Bild0,text0)" onmouseover="Wechsel(Bild7,text7)">
<area shape="rect" coords="374,80,414,125" href="#" title="Christian Kusch"
onmouseout="off(Bild0,text0)" onmouseover="Wechsel(Bild8,text">
<area shape="rect" coords="313,84,352,134" href="#" title=" "
onmouseout="off(Bild0,text0)" onmouseover="Wechsel(Bild9,text9)">
<area shape="rect" coords="194,195,242,272" href="#" title="Murphy"
onmouseout="off(Bild0,text0)" onmouseover="Wechsel(Bild10,text10)">
</map>
</h4>
<br>

</div>

<div id="bildanzeige">
<img name=dasBild src="http://www.werdenfelser-schandirutscher.de/volvo/logo1.gif" border=1><br>
<span id="textzumbild">&nbsp;</span>
</div>
<hr>
<p>&nbsp;</p>
<p>&nbsp;</p>
</body></html>
obsti ist offline   Mit Zitat antworten
Alt 03.03.2005, 00:58   #4
321
TP-Specialist
 
Benutzerbild von 321
 
Registriert seit: Nov 2004
Ort: Die Insel in Europa die aus Europa erst Europa macht _________________________ Nähe Lenzburg
321 hilft, wo's geht321 hilft, wo's geht321 hilft, wo's geht
Zitat:
Zitat von obsti
Hallo!
Ich habe ein Mouseover - Befehl, wo auf über Hotspots (auf Bild) mehrere neue Bilder mit neuem Text kommen! Wie kann ich den jeweils neu erscheinenden Text mit einem mailto ... - Link versehen und wie kann ich einen Absatz machen.

Bei mir schaut der Text so aus: xxxxxxx xxxxxx@xxxxxxx
Es soll aber so aussehen:

xxxxxxxxx
xxxxxxx@xxxxxxxxx

Mein Code im Text schaut so aus:
Bild2 = new Image();
Bild2.src = "http://www.xxxxx.de/xxxxxx.jpg";
text2 = "xxxxxxxx";
Danke
also so, damits verständlicher ist:
xxxxxxxxx
yyyyyyy@zzzzzzz

text2 = "xxxxxxxxx<br><a href='mailto:yyyyyyy@zzzzzzz'>yyyyyyy@zzzzzzz</a>";
__________________
[321 Name="Joe"]
wie immer, lieber gleich mit notepad, dem Editor meines Vertrauens
[/321]


use my HTML-Tester

Motto'06: Mut zur deutschen Sprache!
321 ist offline   Mit Zitat antworten
Alt 03.03.2005, 09:32   #5
TP-Junior
 
Registriert seit: Mar 2005
obsti macht alles soweit korrekt
Leider funzt das nicht!
Bild1 = new Image();
Bild1.src = "http://www.werdenfelser-schandirutscher.de/volvo/team/100-7914u2f2.jpg";
text1 = "Stefanie Greif<br><a href='mailto:sgreif@autohaus-alpspitz.de'>sgreif@autohaus-alpspitz.de</a>";

Was zwischen den " " bei Text1 steht, wird komplett auf der HP eingetragen
obsti ist offline   Mit Zitat antworten
Alt 03.03.2005, 12:44   #6
321
TP-Specialist
 
Benutzerbild von 321
 
Registriert seit: Nov 2004
Ort: Die Insel in Europa die aus Europa erst Europa macht _________________________ Nähe Lenzburg
321 hilft, wo's geht321 hilft, wo's geht321 hilft, wo's geht
uups, mach innerHTML statt innerText
__________________
[321 Name="Joe"]
wie immer, lieber gleich mit notepad, dem Editor meines Vertrauens
[/321]


use my HTML-Tester

Motto'06: Mut zur deutschen Sprache!
321 ist offline   Mit Zitat antworten
Antwort

  Aktuelles Thema
  TP Hilfe Forum > Traum-Talk > Webdesign & Co.
Bei Mouseover der neue Text in HTML Bei Mouseover der neue Text in HTML
« Hyperlinks und Bilder beliebig verschieben | Einzelne Zellen mit fester Breite-geht das? »

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen Thema durchsuchen
Thema durchsuchen:

Erweiterte Suche
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Was ich denn so den ganzen Tag lang mache LauneDerNatur Einfach so ... 4 03.02.2005 10:45
Steuerlich absetzen - richtiger Zeitpunkt? Wann? screamfine Steuer & Buchführung 27 01.07.2004 20:09
Text soll bei mouseover Bild sichtbar machen ! King of Jive Dreamweaver 17 22.07.2003 15:45
Newsletter Ausgabe 6 Robert Traum-News 3 24.06.2001 10:01


Alle Zeitangaben in WEZ +2. Es ist jetzt 01:35 Uhr.

Powered by: vBulletin Version 3.7 (Deutsch)
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd. / Search Engine Friendly URLs by vBSEO 3.2.0 ©2008, Crawlability, Inc.
Traum-Projekt.com | Suchen | Archiv | Impressum | Kontakt | | | Nach oben |



1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67