Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag11.09.2011 um 11:18 (UTC)    
Titel: Bild wie Werbung wegklicken?

Hallo!

Meine Frage lautet: Kann man es dem Besuche der Seite ermöglichen ein bestimmtest Bild mit einem Klick verschwninden zu lassen, also es ausblenden?

Meine Idee: Auf meiner Seite soll ein oben rechts in der Ecke ein Bild zu einer bestimmten Sonderaktion angezeigt werden. Und nun soll es auch rechts oben in der ecke dieses Bildes ein kleines 'X' geben (Ebenfalls ein Bild) und wenn man daruf klickt verschwinden diese Beiden Bilder. Soll also so ähnlich funktionieren wie das 'Werbung-wegklicken'.

Geht sowas?

Danke im Voraus!
______________


Zuletzt bearbeitet von penner-items am 11.09.2011, 12:24, insgesamt einmal bearbeitet
Beitrag11.09.2011 um 12:07 (UTC)    
Titel:

Also grundsätzlich geht es mit JavaScript, hatt sowas auch mal. Nur hab ich den Code nicht mehr parat, vielleicht finde ich ihn nochmal.
Beitrag11.09.2011 um 12:12 (UTC)    
Titel:

fluxlaby hat Folgendes geschrieben:
Also grundsätzlich geht es mit JavaScript, hatt sowas auch mal. Nur hab ich den Code nicht mehr parat, vielleicht finde ich ihn nochmal.


Wäre cool wenn du ihn finden würdest! Smile
______________
Beitrag11.09.2011 um 12:13 (UTC)    
Titel:

Mal eben ausm Kopf getippt, schau mal ob das hinhaut:
Code:
<img .... onclick="this.style.display='none';">


EDIT: Das sollte bewirkten, dass die Grafik, welche man anklickt verschwindet. Du kannst das "this" auch durch "document.eineID" um damit z.B. ein <div>-Bereich mit der id="eineID" anzusprechen.
______________
Mit mir chatten? Besuche uns auf CookieChat.de (keine Anmeldung nötig, einfach einen Spitznamen einegeben)


Zuletzt bearbeitet von freefunstuff am 11.09.2011, 13:15, insgesamt einmal bearbeitet
Beitrag11.09.2011 um 12:18 (UTC)    
Titel:

Ja cool, klappt! Und wie krieg ichs jetzt hin, dass er das nur schließt, wenn ich auf einen bestimmten bereich des bildes klicke? Also nur wenn ich oben in die rechte ecke klicke (20px von oben und 20px von rechts) ?
______________
Beitrag11.09.2011 um 12:29 (UTC)    
Titel:

Probiere es mal mit Verweis-sensitiven Grafiken:
http://de.selfhtml.org/html/grafiken/verweis_sensitive.htm

Beispiel:
Code:
<img src="XXX"  id="bild" alt="XXX" usemap="#bild">
  <map name="bild">
    <area shape="rect" coords="XXX,0,XXX,20"
          href="#" alt="Schließen" onclick="document.bild.style.display='none';" title="Schließen">
  </map>

...oder so ähnlich. XXX musst du jeweils noch selbst ersetzen. Wink
______________
Mit mir chatten? Besuche uns auf CookieChat.de (keine Anmeldung nötig, einfach einen Spitznamen einegeben)


Zuletzt bearbeitet von freefunstuff am 11.09.2011, 13:32, insgesamt einmal bearbeitet
Beitrag11.09.2011 um 15:42 (UTC)    
Titel:

Das klappt wieder nicht so recht Sad
______________
Beitrag11.09.2011 um 23:25 (UTC)    
Titel:

Hallo,

wenn dir ein Spamer noch mal helfen darf. Wink Du musst natürlich beim Bild Display auf none setzen und nicht die Map. Und dann würde ich mit einem return false noch dafür sorgen, dass der Link nicht ausgeführt wird. Richtig sieht dein onclick dann so aus:

Code:
onclick="document.getElementById('bild').style.display = 'none'; return false;"

unter der Vorraussetzung dein Bild hat immer noch die id bild
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering


Zuletzt bearbeitet von o-4-n am 12.09.2011, 00:31, insgesamt 2-mal bearbeitet
Beitrag12.09.2011 um 12:25 (UTC)    
Titel:

Danke für die Antwort, aber ich bin jetzt in einem anderen Forum auf eine durchaus hilfreichste Antwort gestoßen. Da hat nämlich einer eine fertige Funktion in Javascript geschrieben, mit der das Bild nach dem Klicken als Cookie gespeichert wird und dann FÜR IMMER WEG ist!
______________
Beitrag12.09.2011 um 12:28 (UTC)    
Titel:

und was hälst du davon, wenn du den code hier postest? könnte noch andere user interessieren.

gruss gringo
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell

Beitrag13.09.2011 um 16:45 (UTC)    
Titel:

6p-iceblue hat Folgendes geschrieben:
und was hälst du davon, wenn du den code hier postest? könnte noch andere user interessieren.

gruss gringo



Na klar, kein Problem! Falls jedoch einer Fragen hat: Der Code ist von einem anderen, ich selbst hab den nur kopiert, hab keine Ahnung von sowas Very Happy

Code:
<div id="div_weg" onclick="weg()" style="display:block;"><img src="URLvomBILD"></div>
     
    <script type="text/javascript">
            function getCookie(nam){var dc=document.cookie;
                    if(dc.indexOf(nam+"=")!=-1){var anf=dc.indexOf(nam)+nam.length+1;
                    var ende=(dc.indexOf(";",anf)!=-1)?dc.indexOf(";",anf):dc.length;
                    return unescape(dc.substring(anf,ende)); }else return null;}
            function setCookie(nam,value,expd,exph,expm){var duration=expd?864e5*parseInt(expd):0;
                    duration+=exph?36e5*parseInt(exph):0;
                    duration+=expm?6e4*parseInt(expm):0;
                    var past=new Date(1970,0,1,12);
                    if(past.toGMTString().indexOf("02")>0)duration-=864e5;
                    var exp=new Date();
                    exp=new Date(exp.getTime() + duration);
                    document.cookie=nam+'='+escape(value)+(duration?';expires='+exp.toGMTString():';'+null)+";path=/";}
            function weg(){document.getElementById('div_weg').style.display="none";
                    setCookie('div_weg_keks','true',999,999,999);}
            document.getElementById('div_weg').style.display=(getCookie('div_weg_keks')==null||getCookie('div_weg_keks')=="")?"block":"none";
    </script>

______________
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de