Ich suche ein Script, das mir ermöglicht, einen Besucher vor Betreten meiner Seite nach einer Information abzufragen, aber nicht als Pop-Up-Fenster, sondern in einer eleganten Form.
Beispiel:
www.diskret.de
Natürlich soll diese Abfrage nur einmal pro Besucher auf der Indx-Seite erscheinen, d.h. ein Cookie muss gesetzt werden.
Ich habe schon mehrere Skripte gefunden, die alles können, nur die technische Lösung für ein solches Überblendfenster innerhalb des aktiven Fensters fehlt mir.
Zur Info: ich bin kein Java-Programmierer, es reicht gerade zum Einbinden fertiger Scripte.
Für Hilfe wäre ich dankbar!
mfg
Holger Harms

Zur Ergänzung:
Das scheint die gleiche Technik zu sein, die auch von Bilder-Galerien zum Anzeigen der vergrößerten Einzelbilder benutzt wird.
mfg
Holger Harms

Inzwischen habe ich die Alert-Box von Super-Mario gefunden: das ist genau die Optik, die ich suche. Was fehlt ist

- ein Cookie, das dafür sorgt, dass die Box nur einmal pro Besucher auftaucht
- Der automatische Start nach dem Aufbau der Seite
- eine alternative Reaktion bei falscher Antwort (Ja/Nein-Buttons)
- Anstelle des Textes Ausgabe eines Bildes, um den Frage-Text grafisch aufbereiten zu können.

Damit wäre es ideal!
mfg
Holger Harms

Hallo,

ich habe dir das Alertbox-Script so umgebaut, dass die Box jetzt zwei Ja/Nein Buttons besitzt und nur einmal pro Besucher erscheint
Wegen dem Code ist das Design hier im Forum halt leider etwas verrutscht

Das ist der Code:
<script type="text/javascript">
<!--
/*
© Valentin Hammer
Originalversion auf http://www.supermario.homepage.eu
*/

var Alert_Text = "";
var AlertBreite = 0;
var AlertHoehe = 0;
var AlertScrollX = 0;
var AlertScrollY = 0;
var AlertScrollSX = 0;
var AlertScrollSY = 0;
var AlertScroll = 0;
function Alertbox_Text()
{
return '\u003Ctable border="0" style="width: '+AlertBreite+'px; height: '+AlertHoehe+'px; background-color: #000000; Filter: Alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; position: absolute; top: '+AlertScrollY+'px; left: '+AlertScrollX+'px">\u003Ctr>\u003Ctd>&nbsp;\u003C/td>\u003C/tr>\u003C/table>\u003Ctable border="0" width="'+AlertBreite+'" style="height: '+AlertHoehe+'px; position: absolute; top: '+AlertScrollY+'px; left: '+AlertScrollX+'px">\u003Ctr>\u003Ctd width="100%" align="center" valign="middle">\u003Ctable border="0" width="300" bgcolor="#FFFFFF" cellspacing="0" cellpadding="1">\u003Ctr>\u003Ctd width="100%" align="right" bgcolor="#CCCCCC" style="border: solid 1px #666666">\u003Cdiv style="width: 20px; height: 20px; border: solid 1px #000000; text-align: center; cursor: hand" onclick="javascript:Alert_nein()" onmouseover="this.style.backgroundColor = \'#EEEEEE\'" onmouseout="this.style.backgroundColor = \'\'">\u003Cfont face="Arial" size="3">X\u003C/font>\u003C/div>\u003C/td>\u003C/tr>\u003Ctr>\u003Ctd width="100%" align="center" style="border-left: solid 1px #000000; border-right: solid 1px #000000">\u003Cfont face="Arial" size="3">'+Alert_Text+'\u003C/font>\u003C/td>\u003C/tr>\u003Ctr>\u003Ctd width="100%" align="center" style="border-left: solid 1px #000000; border-bottom: solid 1px #000000; border-right: solid 1px #000000">\u003Ctable border="0">\u003Ctr>\u003Ctd>\u003Cdiv style="width: 80px; height: 20px; border: solid 1px #000000; text-align: center; cursor: hand" onclick="javascript:Alert_ja()" onmouseover="this.style.backgroundColor = \'#EEEEEE\'" onmouseout="this.style.backgroundColor = \'\'">\u003Cfont face="Arial" size="3">Ja\u003C/font>\u003C/div>\u003C/td>\u003Ctd>\u003Cdiv style="width: 80px; height: 20px; border: solid 1px #000000; text-align: center; cursor: hand" onclick="javascript:Alert_nein()" onmouseover="this.style.backgroundColor = \'#EEEEEE\'" onmouseout="this.style.backgroundColor = \'\'">\u003Cfont face="Arial" size="3">Nein\u003C/font>\u003C/div>\u003C/td>\u003C/tr>\u003C/table>\u003C/td>\u003C/tr>\u003C/table>\u003C/td>\u003C/tr>\u003C/table>';
}
function AlertV(Alerttext)
{
if(uInnerHTML==1)
{
Alert_Text = Alerttext;
AlertScroll = 1;

if(window.innerWidth)
AlertBreite = window.innerWidth;
else if(document.body.clientWidth)
AlertBreite = document.body.clientWidth;
else if(document.documentElement.clientWidth)
AlertBreite = document.documentElement.clientWidth;

if(window.innerHeight)
AlertHoehe = window.innerHeight;
else if(document.body.clientHeight)
AlertHoehe = document.body.clientHeight;
else if(document.documentElement.clientHeight)
AlertHoehe = document.documentElement.clientHeight;

Alertscroll();
document.AlertboxV.style.display = '';
document.AlertboxV.innerHTML = Alertbox_Text();
}
else
{
var c = confirm(Alerttext);
if(c==true)
Alert_ja();
else
Alert_nein();
}
}
function Alertscroll()
{
AlertScrollX = 0;
AlertScrollY = 0;

if(window.pageXOffset)
AlertScrollX = window.pageXOffset;
else if(document.body.scrollLeft)
AlertScrollX = document.body.scrollLeft;
else if(document.documentElement.scrollLeft)
AlertScrollX = document.documentElement.scrollLeft;

if(window.pageYOffset)
AlertScrollY = window.pageYOffset;
else if(document.body.scrollTop)
AlertScrollY = document.body.scrollTop;
else if(document.documentElement.scrollTop)
AlertScrollY = document.documentElement.scrollTop;

if((AlertScrollX!=AlertScrollSX)||(AlertScrollY!=AlertScrollSY))
document.AlertboxV.innerHTML = Alertbox_Text();

AlertScrollSX = AlertScrollX;
AlertScrollSY = AlertScrollY;

if(AlertScroll==1)
window.setTimeout("Alertscroll(Alert_Text)",100);
}
function Alert_schliessen()
{
document.AlertboxV.innerHTML = '';
document.AlertboxV.style.display = 'none';
AlertScroll = 0;
}
function Alert_ja()
{

/****************************************
** HIER EINEN JAVASCRIPT CODE EINFÜGEN **
****************************************/

Alert_schliessen();
}
function Alert_nein()
{

/****************************************
** HIER EINEN JAVASCRIPT CODE EINFÜGEN **
****************************************/

Alert_schliessen();
}
//-->
</script>
<form name="AlertboxV" action="" style="display: none">&nbsp;</form>
<script type="text/javascript">
<!--
/*
© Valentin Hammer
Originalversion auf http://www.supermario.homepage.eu
*/

if(document.AlertboxV.innerHTML)
var uInnerHTML = 1;

var zeigen = 1;
if((document.cookie)||(document.cookie==""))
{
if(document.cookie.indexOf("Alertbox=")<0)
document.cookie = "Alertbox=1";
else
zeigen--;
}

if(zeigen>0)
AlertV('\u003Cimg border="0" src="http://www.adresse-deiner-webseite.de/text.gif" alt="">');
//-->
</script>
Wie von dir gewünscht, erscheint die Alertbox bei jedem Besucher einmalig, beim Öffnen der Seite.

Die hier grün markierte Funktion Alert_ja() wird aufgerufen, wenn der Besucher auf "Ja" klickt. In dieser Funktion kannst du Javascript Code einbauen, der dann ausgeführt wird. Das Gleiche bei der rot markierten Funktion Alert_nein(), die beim Klicken auf "Nein" aufgerufen wird.

Den Inhalt für die Alertbox kannst du im blau geschriebenen Bereich einstellen. Für deine Alertbox habe ich schon den HTML Code für ein Bild eingebaut. Die Adresse deines Bildes musst du nur noch bei src zwischen die " " Anführungszeichen schreiben


Dieses Javascript funktioniert in allen Browsern, die die Fenstergröße und die Scrollposition auslesen können, und innerHTML und CSS 2.0 unterstützen. W3C valide ist der Code auch

Hallo Super_Mario,
zuerst möchte ich mich für Deine Mühe recht herzlich bedanken. Falls ich etwas für Dich tun kann, dann gerne und jederzeit.

Ich habe das Skript auf einer Testseite eingebaut und es funktioniert
grundsätzlich erstmal so, wie ich es mir vorgestellt habe, allerdings auch
mit ein paar Problemen:

- Wenn das Script in die Seite kopiert worden ist, funktioniert es beim Laden
der Seite auch mehrfach hintereinander. Allerdings kann ich danach den Code
nicht mehr ändern (z.B. ein anderes Gif einstellen oder irgendeine andere Änderung
im HTML-Code vornehmen). Anscheinend wird dann alles oberhalb des Scriptes nicht
mehr richtig vom Browser interpretiert. Ich habe es mit Seamonkey und mit
Page5 getestet. Keine Ahnung, was das sein kann.

- Bei Antwort "Ja" wird einfach nur das Alert geschlossen. Funktioniert.
Bei Antwort "Nein" soll eine andere Seite geladen werden. Frage: Wie lautet
der Befehl? (Dann brauche ich nicht solange zu suchen)

- Aber jetzt das eigentliche Problem: Beim aktuellen IE mit Standard-Einstellung
wird das Cookie abgefangen und damit das ganze Script, heisst: der Standard-Anwender
kriegt das Alert nie zu sehen. Es soll aber erzwungen werden. Wie haben die
Jungs von www.diskret.de es hingekriegt, dass bei ihrer Seite das Cookie nicht
abgefangen wird?

Vielleicht fällt Dir ja dazu noch etwas ein!
Vielen Dank nochmal für Deine Mühe.
mfg
Holger

Schon komisch

Bei mir, im IE 8.0, funktioniert es ganz normal. Gib mir mal die Adresse von deiner Seite, dann kann ich mir das anschauen.

Wegen der anderen Seite:
Der Befehl zum verlinken auf eine andere Seite lautet location.href = "http://www.adresse-deines-links.de". Den fügst du in der rot geschriebenen Funktion Alert_nein(), statt dem /***** HIER EINEN JAVASCRIPT CODE EINFÜGEN *****/, ein.

Die Funktion würde dann so aussehen:
function Alert_nein()
{
location.href = "http://www.adresse-deines-links.de";

Alert_schliessen();
}

Hallo,
danke für Deine Reaktion. Du findest die Seite mit Alert unter
www.asia-koeln.de/test.html

Folgende Probleme habe ich noch:

- beschriebenes Problem unter IE.
Unter Google-Chrome, Firefox und Seamonkey funktioniert es.
Unter IE müsste ansonsten folgendes passieren: Wenn Cookies geblockt werden,
muss das Alert trotzdem angezeigt werden, dann eben ohne Funktion.

- Nach wie vor kann ich die Seite nicht mehr editieren. Nach Bearbeitung unter
Seamonkey oder Phase5 ist die Seite kaputt!!?????

- Und jetzt gemerkt: Bei "Nein" wird trotzdem Cookie gesetzt; d.h. Sprung
auf andere Seite OK, aber bei "Zurück" ist die Alert-Seite frei. Sie darf
aber nur bei "Ja" freigegeben werden. Wenn ich die Seite www.diskret.de richtig
verstanden habe, setzen die das Cookie nur bei Antwort "Ja", bei "Nein"
passiert nur der Sprung auf die Alternativ-Seite.

Sehr positiv ist mir aufgefallen, das "schliessen (X)" die Funktion "Nein"
bewirkt. Ausgezeichnet!

Hinweis: Die Grafik im Alert ist natürlich noch ein Test. Hier soll eine rechtlich abgeprüfte Altersnachfrage erscheinen. Im Hintergrund steht dann die Seite
www.asia-club-koeln.de

Danke nochmals,
mfg
Holger

Noch eine seltsame Erscheinung:

Nach Einfügen des Scripts ist die Seite nach unten unendlich gross!!!!
Seltsam!

mfg
Holger

Wie ich gerade festgestellt habe, Scrollen nach rechts auch unendlich.
mfg
Holger

Nach den automatischen Üpdates heute von MS funktioniert der IE auch wieder wie gewünscht. Ich weiss nicht warum, aber es war auch ein Update für das
Blocken von ActiveX dabei. Im IE stimmen jetzt auch die Masse, allerdings nicht in den anderen Browsern. Ich weiss auch nicht, was da manchmal los ist.
Eben Microsoft!
mfg
Holger