• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Overlay close

werny

werny

Neues Mitglied
Hallo,
würde gerne ein Overlay für den Facbook-Like-Button einbauen, dan man dann mit dem Click auf das X schliessen kann.
Leider funktioniert meine close-funktion nicht.
Kann mir einer sagen, was ich da falsch gemacht habe?

Hier der HTML-Code:

Code: 
<html>
<head>
<title>Facebook Like Popup</title>
<base target="_top">
<head>

<style type="text/css">
.ilike_overlayer { background:url("http://1.citynews.stgy.it/images/images_new/fb_like3.png") no-repeat 0px 0px;
width: 500px;
height: 500px;
z-index: 99999;
position: absolute;
margin:0 0 0 -225px;
top: 30%;
left: 50%;
overflow: hidden;
}
.ilike_overlayer iframe { float: left; margin: 314px 0px 0px 0px; overflow: hidden; width: 80px !important; }
.ilike_overlayer div.ilike_overlayer_testo { margin: 312px 8px 0px 114px; width: 185px; float: left; overflow: hidden; font-size: 15px; }
.ilike_overlayer a.ilike_close { overflow: hidden; display: block; width: 20px; height: 20px; margin: 292px 0px 0px 0px; }</style>
</head>


<body>

<div class="ilike_overlayer nomobile" id="ilike_overlayer">
<div class="ilike_overlayer_testo">Immer auf dem Laufenden bleiben, Werden Sie unser <b>Facebook-Fan</b>!</div>
<iframe src="http://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fstudiocreation&amp;send=false&amp;layout=box_count&amp;width=450&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=lucida+grande&amp;height=90" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:90px;" allowtransparency="true"></iframe>
<a class="ilike_close" id="ilike_close" onclick="return false;" href="#"></a></div>


</body>
</html>
 
Zuletzt bearbeitet:
werny schrieb:
Ja eben brauche ich noch die funktion zum Schließen.
Krieg das irgendwie nicht hin..
Zum Vergrößern anklicken....

Was hast du denn bisher versucht?

Wenn du keine Lust hast, dich mit JavaScript zu beschäftigen und statt dessen erwartest, dass wir dir den Code schreiben, lautet die Antwort: Nein.

Solltest du hingegen ernsthaft nach einem Lösungsansatz suchen, nenne ich dir gerne einen: Du musst den Node des Overlays aus dem DOM löschen.
 
werny schrieb:
Wenn ich wüsste, wie es geht, dann würde ich nicht in einem Forum um Hilfe bitten! ;)
Zum Vergrößern anklicken....


Ist mir klar, aber wenn du den Lernaufwand vermeiden willst, frage in der Jobbörse nach. Für Unterstützung in diesem Forum musst du schon eigenen Ansatz posten, aus dem hervorgeht, dass du an der Materie interessiert bist und nicht nur kostenlose Lösungen suchst. Was hindert dich daran, nach Stichwörtern wie "JavaScript remove DOM element" zu googeln?

Die gesamte Funktion lässt sich in drei Zeilen abbilden.
 
Zuletzt bearbeitet:
Kenn mich leider mit Programmierung nicht aus.
Deshalb frage ich ja hier nach.
Googlen bringt mich auch nicht wirklich zur Lösung des Problems.
Also wenn jemand hier im Forum so nett wäre, mir das zu verraten, wäre ich sehr dankbar!
 
Googlen bringt mich auch nicht wirklich zur Lösung des Problems.
Zum Vergrößern anklicken....

Das bezweifel ich stark. Denn wenb du die Wörter suchst, die Tronjer dir genannt hat, wirst du aufjedenfall fündig. Natürlich ist ein bisschen einarbeitung notwendig, wenn du dich in der Programmierung nicht auskennst. Ansonten würde ich mich an die Jobbörse wenden, was aber bei 3-4 Zeilen Quellcode nicht unbedingt notwendig sein wird.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben