[JS] JavaScript PopUp Problem...

[Raechaer]

Alternativ könntest du das auch mit absolut positionierten divs machen, die per Javascript nur angezeigt werden wenn auf den Button geklickt wird (von der Idee her z.B. wie hier), allerdings dürfte das etwas komplizierter werden (und ist wohl auch nicht so ganz das was du willst).

 

[Eliah]

Doch, WOW ! Cool! Das währ was. Aber wie funktioniert das genau?
Kann mir das jemand Erklähren?
THX!

...mein Englisch ist nicht so gut....

 

[Eliah]

Sorry, aber kann mir wirklich niemand helfen? Irgendwie komme ich mit der Einbindung nicht ganz klar.

Ich bin nach folgendem Script bzw. nach folgender Anleitung vorgegangen:

Bisher habe ich die Dateien "nicetitle.js" und "nicetitle.css" und "ntpg.png" in eine Ordner (/popup) gepackt. In der "nictitel.css" habe ich den Pfad für die "ntpg.png" angepasst.

In meine .htm Datei in welcher das Info-Fenster angezeigt werden soll, habe ich im HEAD bereich den folgenden Code eingefügt:

<script type="text/javascript" src="/popup/nicetitle.js"></script>
<link rel="stylesheet" href="popup/nicetitle.css">

Aber mir ist leider nicht ganz klar wie ich jetzt durch einen Link auf einen Button dieses neue Skript abrufe und wo ich den Inhalt hinterlegen muss.

Für eure Hilfe währe ich wirklich sehr dankbar!

Sorry, ich habe erst vor kurzem angefangen zu Coden und da habe ich halt noch so meine Probleme....

 

[The Prophet]

Für eure Hilfe währe ich wirklich sehr dankbar!

Sorry, ich habe erst vor kurzem angefangen zu Coden und da habe ich halt noch so meine Probleme....

Dein Wunsch ist mir Befehl
Hab dir mal ein kleines Beispiel gebastelt und angehangen. Ich hoffe daraus wird es dir klar...

/edit

Wenn du die Farben / Schrift ändern willst dann in der *.css Datei. Das Hintergrundbild ist die *.png Datei. Wenn du dieses tauschen solltest dann musst du die Änderung auch in der *.css tätigen (background-image).

 

[Eliah]

Man! Cool. Das ist ja der Hammer!. Danke!
Funktioiert alles bestens.

Hab nurnoch eine letzte Frage:

Für Links ist das echt super! Und so kann ich es auch verwenden.

Aber funktioniert das auch ohne einen Link?
Ich möchte nähmlich gerne für einzelne Bilder informationen hinterlegen und da ist ein Link nicht nötig.....

 

[The Prophet]

Keine Problem

Versuch es doch einfach sollte rein theoretisch überall dort funktionieren wo ein title="" Attribut verwendet wird. Also versuch einfach mal

<img src="test.png" title="testbeschreibung>

Wenn dass nicht funktioneren sollte dann müssen wir uns die *.js Datei nochmal anschauen.

 

[Raechaer]

Das funktioniert nicht, aber wenn du im Script nach Zeile 47 folgendes einfügst sollte es auch mit Bildern funktionieren (ich hab's allerdings nicht getestet...):

 var images = document.getElementsByTagName("img");
    if (images)
    {
    	for (var ti=0;ti<images.length;ti++)
    	{
      	var img = images[ti];
        if (img.title)
        {
        	img.setAttribute("nicetitle",img.title);
        	img.removeAttribute("title");
        	addEvent(img,"mouseover",showNiceTitle);
        	addEvent(img,"mouseout",hideNiceTitle);
        	addEvent(img,"focus",showNiceTitle);
        	addEvent(img,"blur",hideNiceTitle);
    		}
    	}
    }

 

[The Prophet]

Ok genau das meinte ich mit *.js anschauen

 

[Eliah]

Mensch Jung´s! Ihr zwei seit echt der Hammer! Funktioniert bestens! Nochmals Danke!

 

[Eliah]

Jungs, ich muss euch nochmal was Fragen:

Wie gesagt klappt es wirklich ganz wunderbar. Dank eurer Hilfe!

In dem kleinen Info Fenster taucht auch ein Link auf. Welche Zeile im js Script muss ich löschen
damit der Link nicht automatisch mit angezeigt wird?

 

[Raechaer]

Damit die Adresse bei Links nicht mit angezeigt wird musst du in der Funktion showNicetitle

if (lnk.href) {
        tnd = document.createTextNode(lnk.href);
        pad = document.createElementNS(XHTMLNS,"p");
        pad.className = "destination";
        pad.appendChild(tnd);
        d.appendChild(pad);
    }

löschen (bei mir ist das Zeile 103 bis 109) und gleich danach

 if (lnk.href) {
        h = lnk.href.length;
    } else { h = nicetitle.length; }

in

nicetitle.length;

umändern.

 

[Eliah]

Erstmal Danke!

Leider kommt bei mir ne Fehlermeldung:

Zeile 107 Zeichen 7
Syntaxfehler

...aber ich blick da nicht durch.....

das steht in Zeile 107:

 if (nicetitle.length) {

kann da nochmnals jemand schauen?

 

[Raechaer]

Der Fehler dürfte in der Zeile darüber liegen, denn statt

nicetitle.length;

sollte da

h=nicetitle.length;

stehen (vielleicht hätte ich den Code doch testen sollen bevor ich ihn hier gepostet habe...).
Der Einfachheit lieber hier nochmal die komplette *.js Datei:

 

[Eliah]

@Reacher: Herzlichen Dank für Deine Hilfe!

Hier jetzt meine hoffentlich letzte Frage: (ich hoffe ich gehe euch noch nicht auf die Nerven...Grins)

Ich möchte gerne Für Links und Bilder Infos mit dem Atribute "titel" einblenden.
Durch dieses Script hier wird ja diese Funktion dank eines Javascripts erweitert um die Darstellung zu verfeinern.

Ist es möglich für Links die herkömliche "title" Funktion zu nutzen und nur für Bilder dieses spezielle Scipt?

 

[Raechaer]

Wenn du das Script nur für Bilder benutzen willst musst du Zeile 18 bis 47 löschen.

 

[Eliah]

Jo! Super! Danke!!