Florian: Mouseover--»Infobox

SELF-Forum

Mouseover--»Infobox

Florian
– Informationen zu den Bewertungsregeln

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.

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Mouseover--»Infobox

    speedy
    – Informationen zu den Bewertungsregeln

    Hi,

    probier mal im HTML-Code <a href="" title="Dein Beschreibungstext">. Das funzt aber glaub ich nicht in jedem Browser.

    Cu
    speedy

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. Mouseover--»Infobox

    Stefan Falz
    – Informationen zu den Bewertungsregeln

    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

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Mouseover--»Infobox

      Fabian Wolf
      – Informationen zu den Bewertungsregeln

      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.

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

  3. Mouseover--»Infobox

    Ole
    – Informationen zu den Bewertungsregeln

    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 box

    function 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-)>

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  4. Mouseover--»Infobox

    AlexBausW
    – Informationen zu den Bewertungsregeln

    Hi Florian,

    Schau doch mal bei http://www.dynamicdrive.com/ vorbei. Da wirst Du mit Sicherheit das finden, was Du suchst.

    Gruß AlexBausW

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  5. Mouseover--»Infobox

    Bernd Michna
    – Informationen zu den Bewertungsregeln

    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

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  6. Mouseover--»Infobox (ohne JavaScript)

    gerhard
    – Informationen zu den Bewertungsregeln

    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

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln