nicht angemeldet
Mouseover--»Infobox
0 0 0 0 0 0 Mouseover--»Infobox (ohne JavaScript)
Mouseover--»Infobox
Hallo Leute,
ich hba das ganze SELF-Html und das Archiv nach sämtlichen Befehlen durchsucht, bin aber auf keine Lösung gekommen.
Mein Problem:
Ich habe einen Link, zu dem ich Informationen liefern möchte.
Meine favorisierte Lösung wäre, daß eine kleine Infobox (so ein kleiner gelber Kasten, sowas was man bei Windows ja auch findet) beim Link erscheint sobald ich ihn mit der Maus berühre.
Vielleicht kennt ihr eine Seite wo ich das finde!
Danke im Vorraus
Florian
P.S.: Ich kenne mich fast garnicht mit Java Skript aus deshalb bitte keine Auszüge aus Java-Codes sondern den ganzen. Danke.
-
Hi,
probier mal im HTML-Code <a href="" title="Dein Beschreibungstext">. Das funzt aber glaub ich nicht in jedem Browser.
Cu
speedy -
Ich habe einen Link, zu dem ich Informationen liefern möchte.
Meine favorisierte Lösung wäre, daß eine kleine Infobox (so ein kleiner gelber Kasten, sowas was man bei Windows ja auch findet) beim Link erscheint sobald ich ihn mit der Maus berühre.
Hallo,
<a href="test" title="Test">Test</A>
Tschau, Stefan
-
Ich habe einen Link, zu dem ich Informationen liefern möchte.
Meine favorisierte Lösung wäre, daß eine kleine Infobox (so ein kleiner gelber Kasten, sowas was man bei Windows ja auch findet) beim Link erscheint sobald ich ihn mit der Maus berühre.
<a href="test" title="Test">Test</A>Tschau, Stefan
dabei vergisst du, stefan, jedoch, daß das nur beim Internet Exploder funzt. Netscape zeigt das bis jetzt noch nicht an,
aber vielleicht in der neuen version 6.0... who knows..cu, w0lf.
-
-
hi florian,
probiers hier mit, das könnte dem recht nahe kommen:
<!-- TWO STEPS TO INSTALL HELP POPUPS:
1. Copy the coding into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document --><!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com --><!-- Begin
// Need help-popups to work in frames? Read how at:
// http://faq.javascriptsource.com/?help-popups// Create an entry in this format for each help popup you will have.
// hmsg["popup name"] = new helpmsg(
// "Title of popup", "header style", "Message Style", "Help Message");// 'popup name' is the what you will call the popup later, used to open help.
// 'title of popup' is shown at the top of the help box that opens. (Optional)
// 'header style' is a predefined style of how to display the title.
// header style valid options include: 'header', 'fancyheader', 'h1', 'h2', or ""
// 'message style' is a predefined style of how to display the help message.
// message style valid options include: 'plain', 'italics', 'bold', ""
// 'help message' is the the text shown in the popup. It should explain the topic.// I have tried to show a multitude of different popup combinations below....
var hmsg = new Array();
hmsg["home"] = new helpmsg(
"Home Page", "fancyheader", "plain", "Clicking this link will bring you to the JavaScript Source home page.");hmsg["forum"] = new helpmsg(
"", "", "bold", "Ask a JavaScript question or post a script request and our other JavaScript-savvy visitors will try to help you.");hmsg["faq"] = new helpmsg(
"JavaScript Source FAQs", "h2", "italics", "Answers to the most common JavaScript questions we receive at The JavaScript Source.");hmsg["news"] = new helpmsg(
"", "", "", "A monthly newsletter with links to all the script we've added to the site in the last month, a webmaster-related column, and links to other useful webmaster sites.");var myPopup = new helpbox("myPopup", hmsg, 275, 175, "#ffffee");
// 275 is the width of the popup box
// 175 is the height of the popup box
// "#ffffee" is the color of the popup boxfunction helpmsg(header, hstyle, mstyle, message) {
this.DEFAULTHSTYLE = "plain";
this.DEFAULTMSTYLE = "plain";this.header = header;
if (hstyle) this.hstyle = hstyle;
else this.hstyle = this.DEFAULTHSTYLE;
this.message = message;
if (mstyle) this.mstyle = mstyle;
else this.mstyle = this.DEFAULTMSTYLE;
return this;
}
new helpmsg();
helpmsg.prototype.show = show;function show() {
var H = "<FONT FACE='arial'>" + this.header + "</FONT>";
if (this.hstyle == "h1") H = "<H1>" + H + "</H1>";
else if (this.hstyle == "h2") H = "<H2>" + H + "</H2>";
else if (this.hstyle == "h3") H = "<H3>" + H + "</H3>";
else if (this.hstyle == "h4") H = "<H4>" + H + "</H4>";
if (this.hstyle == "fancyheader") H = "<table width='75%'>" +
"<tr><td bgcolor='#6060ff' align='center' valign='center'>" +
"<H1><FONT COLOR='white'>" + H +
"</FONT></H1>" + "</td></tr></table>";
else if (this.hstyle == "italics")
H = "<I>" + H + "</I>";var M = "<FONT FACE='arial'>" + this.message + "</FONT>";
if (this.mstyle == "plain") {}
if (this.mstyle == "italics") M = M.italics();
else if (this.mstyle == "bold") M = M.bold();var htmlpage = "";
if (this.hstyle.indexOf("header")>=0)
htmlpage = H + M;
else htmlpage = H + "<BR>" + M;
return htmlpage;
}function helpbox(name, hm, width, height, bgcolor) {
this.name = name;
this.helpmessage = hm;
this.timerHandle = null;
this.windowHandle = null;
this.DEFAULTWIDTH = 250;
this.DEFAULTHEIGHT = 150;
this.DEFAULTBGCOLOR = "#ffffcc";
this.POPUPDELAY = 100;
if (width) this.width = width;
else this.width = this.DEFAULTWIDTH;
if (height) this.height = height;
else this.height = this.DEFAULTHEIGHT;
if (bgcolor) this.bgcolor = bgcolor;
else this.bgcolor = this.DEFAULTBGCOLOR;
return this;
}
function startHelp(msgindex) {
var cmdstr="top." + this.name + ".showHelp('" + msgindex + "')";
this.timerHandle = setTimeout(cmdstr, this.POPUPDELAY);
}
function showHelp(msgindex) {
if (!this.windowHandle !this.windowHandle.name this.windowHandle.name=="")
this.windowHandle = window.open(
"",
"subWindow",
"toolbar=no," +
"location=no," +
"directories=no," +
"status=no," +
"menubar=no," +
"scrollbars=no," +
"resizable=no," +
"width=" + this.width + "," +
"height=" + this.height
);
else
this.windowHandle.focus();
this.windowHandle.document.open();
var to_page =
"<HTML>\n" +
"<BODY BGCOLOR='" + this.bgcolor + "'><P>" +
this.helpmessage[msgindex].show() +
"</BODY></HTML>\n";
this.windowHandle.document.write(to_page);
this.windowHandle.document.close();
}
function clearHelp() {
clearTimeout(this.timerHandle);
if (this.windowHandle && this.windowHandle.name) {
this.windowHandle.close();
this.windowHandle=null;
}
}
new helpbox();
helpbox.prototype.startHelp = startHelp;
helpbox.prototype.showHelp = showHelp;
helpbox.prototype.clearHelp = clearHelp;
// End -->
</script>
</HEAD><!-- STEP TWO: Copy this code into the BODY of your HTML document -->
<BODY>
<a href="http://javascript.internet.com/" onMouseOver="myPopup.startHelp('home')" onMouseOut="myPopup.clearHelp()">JavaScript Source Home Page</a><br>
<br>
<a href="http://forum.javascriptsource.com/" onMouseOver="myPopup.startHelp('forum')" onMouseOut="myPopup.clearHelp()">JavaScript Message Forum</a><br>
<br>
<a href="http://faq.javascriptsource.com/" onMouseOver="myPopup.startHelp('faq')" onMouseOut="myPopup.clearHelp()">JavaScript Source FAQs</a><br>
<br>
<a href="http://e-newsletters.internet.com/javascriptsource.html" onMouseOver="myPopup.startHelp('news')" onMouseOut="myPopup.clearHelp()">JavaScript Source Newsletter</a><br>
<br><p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p><!-- Script Size: 5.71 KB -->
alles liebe
ole
(8-)> -
Hi Florian,
Schau doch mal bei http://www.dynamicdrive.com/ vorbei. Da wirst Du mit Sicherheit das finden, was Du suchst.
Gruß AlexBausW
-
Hallo Florian,
schau mal hier vorbei:http://pc-anfaenger.de/pca/script/jstt.htm
ist auf deutsch und bis in's letzte Detail erklärt.
Viele Grüße
Bernd -
Hallo Leute,
ich hba das ganze SELF-Html und das Archiv nach sämtlichen Befehlen durchsucht, bin aber auf keine Lösung gekommen.
Mein Problem:
Ich habe einen Link, zu dem ich Informationen liefern möchte.
Meine favorisierte Lösung wäre, daß eine kleine Infobox (so ein kleiner gelber Kasten, sowas was man bei Windows ja auch findet) beim Link erscheint sobald ich ihn mit der Maus berühre.
Vielleicht kennt ihr eine Seite wo ich das finde!
Danke im Vorraus
Florian
P.S.: Ich kenne mich fast garnicht mit Java Skript aus deshalb bitte keine Auszüge aus Java-Codes sondern den ganzen. Danke.
hallo,
für den fall dass es
1. nur EIN link ist
und 2. du kein javascript verwenden willst,-> mach ein Bild aus deinem Link: <img src="xy" width="9" height="10" alt="dein flyover text im windows-style">
funktioniert in ie und ns klaglos.
viel spass noch,
gerhard