Pop up Fensterughi - javarea.de Forum powered by javarea.de

Archivlink: javarea.de Forum > JavaScript > Pop up Fensterughi

Vollständigen Link anzeigen: javarea.de Forum > JavaScript > Pop up Fensterughi

Pages: [1] 2 ... nächste » ... Letzte »

geschrieben von Gast am 22.03.2009 - 20:38

Hallo,

bräuchte mal erfahrene Hilfe.
Möchte gerne das folgende Tool (link:

	HTML-Quelltext
1:	http://www.javarea.de/index.php3?opencat=Javascript&subcat=Pop-up/Hilfe/Info&id=203#)

als Adressenanzeige in meine HP einarbeiten. Weiß aber nicht, wie das genau funktioniert.
Klar, das ich das in meine bestimmte Seite einbinden muß, nur, wie bekomme ich das hin dass ich da die gewünschten Daten einfügen kann und diese auch erscheinen???

Danke,

die Webmistress

geschrieben von Danny am 22.03.2009 - 21:03

Hallo,

du kopierst den <script> ... </script> Bereich in den Head Teil deiner Seite. Das musst du, auch undabhängig davon wieviele Links du hast, nur einmal tun.

Danach kannst du den Links, die dieses Popup anzeigen sollen, folgende Attribute verpassen:

HTML-Quelltext

1: 
2:

<a href="#" onMouseOver="zeigetip(this,event,'Tooltip von Link 1')" onMouseOut="verbergetip()">Link1</a>
<a href="#" onMouseOver="zeigetip(this,event,'ein zweiter Tooltip')" onMouseOut="verbergetip()">Link2</a>

Der blaue Bereich entspricht dem angezeigten Popup Inhalt.

Falls es Probleme gibt, poste mal deinen Quelltext.

Viele Grüße
Danny

geschrieben von Gast am 23.03.2009 - 17:00

Hallo Danny,

danke werde es probieren und wenn es nicht klappt poste ich auf jeden Fall meinen Quelltext!

Danke für Deine Hilfe

die Webmistress

geschrieben von Gast am 23.03.2009 - 23:02

geschrieben von Danny am 23.03.2009 - 23:08

Hallo,
dieses Fenster kannst du mit der Javascript Funktion

	HTML-Quelltext
1:	alert("Text");

öffnen.
Wenn du also anstatt des Tooltip ein alert Fenster bei mousever haben möchtest kannst du die zeigetip funktion einfach anpassen.

	HTML-Quelltext
1: 2: 3:	function zeigetip(current,e,text){ alert(text); }

geschrieben von Gast am 24.03.2009 - 20:16

Hallöchen,

also erstmal: Danke!!!

Zum zweiten: Habe es grade versucht einzufügen und zu testen, geht aber nicht

(

Vielleicht könntest Du so nett sein und mir mal zeigen wo das alles hinsoll?

Jedenfalls kannst Du ja den abgebildeten Quelltext nutzen.

Bin irgendwie zu blöd dafür (d a s Klischee: Frauen und Technik *g*)

Danke!!

die Webmistress

geschrieben von Danny am 24.03.2009 - 21:38

Hallo,
also hab ich das richti Verstanden. Du willst wenn man mit der Maus über den Link geht ein solches Alter Fester anzeigen ?

Dann schau dir folgendes mal an:

HTML-Quelltext

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:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"

"http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">

<title>Zellen in einer Zeile spaltenweise verbinden - colspan</title>

<SCRIPT type="text/javascript">

<!--


function zeigePopup(text) {
	alert(text);	
}

// -->

</SCRIPT>

</head>

<body>

<font class="stn"><a href="#" onMouseOver="zeigePopup('Propstei St. Peter und Paul Bleichstra&szlig;e 10 44787 Bochum')" >Adresse</a>

<h1>Zoologie</h1>

<table border="0">

<colgroup width="200" span="3"></colgroup>

<tr>

<td align="center" valign="middle">Bochum</td>

<td>Reposition: 9.30 <br>

Exposition; 18.30 </td>

</tr>

<tr>

<td align="center" valign="middle"> Witten </td>

<td> monatliche Anbetung am Samstag </td>

</tr>

</table>

</body>

</html>

Viele Grüße
Danny

geschrieben von Gast am 24.03.2009 - 22:50

Hallo Danny,

ganz herzlichen Dank.
So in etwa ist es schon ziemlich gut.
Und wie geht das, wenn man ein ganz eigenes Fenster haben möchte??

tut mir Leid...

LG
die Webmistress

geschrieben von Danny am 25.03.2009 - 01:46

Hallo,

ein Fenster öffnest du in der Funktion mit folgendem Befehl:

	HTML-Quelltext
1:	window.open('seite.html','fenstername','width=300,height=200');

Die Erklärung der (und noch weiterer) Parameter findest du am besten unter:
http://de.selfhtml.org/javascript/o....w.htm#open

Viele Grüße
Danny

geschrieben von Gast am 27.03.2009 - 12:49

Hallo Danny,

danke für Deine geduldige Hilfe!

Habe mir die Seite die Du mir empfohlen hast angeschaut, aber das ist für mich russisch und chinesisch zusammen.
Vielleicht könntest Du mir da nochmals richtig helfen......?????????????????

Danke,

die Webmistress

geschrieben von Danny am 27.03.2009 - 13:01

Hallo,

du willst anstatt des Popups ein neues Fenster öffnen?

du ersetzt einfach das

	HTML-Quelltext
1:	alert(text);

mit folgendem Code

	HTML-Quelltext
1:	window.open('seite.html','fenstername','width=300,height=200');

Dadurch öffnest du bei Überfahren des Links mit der Maus ein neues 300x200px großes Fenster in dass seite.html geladen wird.

Wolltest du das so ?

Viele Grüße
Danny

geschrieben von Gast am 31.03.2009 - 22:22

Ja, danke das wollte ich eigentlich so, nun funktioniert das aber halt nicht *grrr* so langsam geht mir schon die Geduld ab, ehrlich.

Woran liegt das denn nun schon wieder?????

die Webmistress

__________________________________
Hier der Quelltext wie er jetzt aussieht:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Gemeinsam anbeten Orte der Eucharistische Anbetung</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="style.css" />
<style type="text/css">

</style>

<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">

<title>Zellen in einer Zeile spaltenweise verbinden - colspan</title>

<SCRIPT type="text/javascript">



</SCRIPT>
</head>

<body>
<table width="100%" border="0" cellspacing="0" cellpadding="5" height="653">
<tr>
<td width="20%" rowspan="3" valign="top">
<p><img name="Logo" src="images/logosm.jpg" width="250" height="250" alt="Logo copyright"></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<h4> Navigation </h4>
<ul>
<div id="navcontainer">
<ul id="navlist">
<li class="submit_button_contact" id="active"><a href="index.html" id="current">Home</a></li>
<li class="submit_button_contact"><a href="gebetsanleitung.html">Gebetsanleitung</a></li>
<li class="submit_button_contact"><a href="gebetsimpuls.html">Gebetsimpuls</a></li>
<li class="submit_button_contact"><a href="mitbeten-in-kloestern.html">Mitbeten
in den Klöstern </a></li>
</ul>
</div>

</ul> <p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p></td>
<td width="80%"><h1 class="date_box_day" align="center"><span class="Stil27">Gemeinsam-anbeten </span>
<br>
<font size="5">Orte der Eucharistische Anbetung</font><span class="Stil13"></span></h1></td>
<td width="35%"> </td>
</tr>
<tr>
<td height="457" valign="top">
<p> </p>

<p class="Stil9">An dieser Stelle möchten wir Ihnen Orte der Eucharistischen Anbetung vorstellen, die vielleicht in Ihrer Nähe sind und
Ihnen die Möglichkeit geben soll in Stille vor dem Herrn sein zu können.<br>
Diese Seite mit den Orten ist im stetigen Wachstum und wir würden uns freuen, wenn Sie uns Orte mitteilen könnten, wo
die Anbetung vor dem Herrn möglich ist. Damit machen Sie Ihren Mitgläubigen ein großes Geschenk. </p>

Alphabetisches Verzeichnis: <br>
<li> nach Orten </li>
<p> </p>
<p> </p>
<p>Orte und Zeiten</p>
<table border="0">

<colgroup width="200" span="3"></colgroup>
<tr>
<Bochum> <td align="center" valign="middle">Bochum <br> <font class="stn"><a href="#" onMouseOver="zeigePopup('Propstei St. Peter und Paul Bleichstraße 10 44787 Bochum')" >Adresse</a>
<extra Seite></td>
<td>Reposition: 9.30 <br>
Exposition; 18.30 </td>
</tr>
<tr>
<Witten><td align="center" valign="middle"> Witten <br> <font class="stn"><a href="#" onMouseOver="zeigePopup('Karmelitinnen Witten Karmel Maria usw. Auf der Klippe 20 58453 Witten (Annen) Telefon ')" >Adresse</a> <extra Seite> </td>

<td> monatliche Anbetung am Samstag <br>
weitere Informationen erhalten Sie <font class="stn"><a href="#" onMouseOver="zeigePopup('Samstägliche monatlich stattfindende Anbetung')" > hier </a> <hier würde eine kleine eigene Seite entstehen></td>
</tr>
<Marburg><td align="center" valign="middle"> Marburg <br> <font class="stn"><a href="#" onMouseOver="zeigePopup('Pfarrei St. Peter und Paul Biegenstraße 18 35037 Marburg ')" >Adresse</a> <extra Seite></td>
<td> Donnerstag <br>
Reposition: 17.45 <br>
Exposition: 18.15 <td>
</table>
</td>
</tr>
</td>
<td valign="top" height="457">
<p> </p>

</tr>
</table>
</body>

geschrieben von Klaush am 01.04.2009 - 07:24

Dann ist dein Ansatz völlig falsch.

- In deinem Script ist eine Funktion zuviel:
function zeigePopup(text) {

- Was soll damit erreicht werden?
onMouseOver="zeigePopup('Samstägliche monatlich stattfindende Anbetung')"

Der Text, wird an die Function zeigePopup() übergeben und in der Funktion selbst wird dein o.g. Text an die Variable text weitergereicht. Ich sehe jedoch nicht wo er weiter verwendet wird, was passiert damit?

Ein einfaches Fensterscript findest du im Archiv: http://javarea.de oder gleich im Bereich Fenster-Scripts

geschrieben von Gast am 01.04.2009 - 15:40

Danke Klaus!!!

Werde es mal heute ausprobieren!

die Webmistress

geschrieben von Gast am 01.04.2009 - 22:03

Hey.... also, habe mir ein gutes Script ausgesucht und dachte ich klatsch' das einfach mal 'rein.

einfach mal hat sich aber nicht ausgezahlt.
Wo kommt das denn hin??

Also, kopiere Dir mal den Script den ich mir ausgesucht habe und könntest Du mir bitte den da hereinschreiben (wenigstens den Anfang) wo das alles hinmuß in den Script den ich vorher gepostet habe?

Danke,

die völlig verzweifelte Webmistress