✔ Warnung vor PopUp-Blocker

Lulu2

Lulu2

Grünschnabel
Hallo, kann mir jemand helfen?

Hab auf meiner Seite eine BilderShow die über ein Javascript-PopUp abläuft. Da immer mehr
Besucher einen PopUp-Blocker verwenden, möchte ich einen Text 3- oder 4mal aufblinken lassen,
der den Besucher aufmerksam macht. Mein Problem ist, dass der "Blinkende Text" vor dem "onklick"
Event bereits sichtbar ist. Ich möchte natürlich, dass dieser "Blinktext" nur wahrgenommen wird,
wenn das PopUp nicht gestartet werden konnte. Schrift im Ruhezustand also entweder "hidden", oder
aber besser, da die Suchmaschinen das böse Wörtchen "hidden" nicht mehr mögen, Schriftfarbe
im Ruhezustand mit der Hintergrundfarbe identisch.

Das hab ich bisher.

Im Head der Pfad zur Script-Datei:

HTML: 
<script language="JavaScript" src="javascripts.js"></script>

Code im javascripts.js:
Code: 
function popwarn() {
  for(i=0; i<document.getElementsByTagName("span").length; i++) {
    if(document.getElementsByTagName("span")[i].style.visibility != "hidden") {
      if(document.getElementsByTagName("span")[i].className.substr(0, 5) == "blink") document.getElementsByTagName("span")[i].style.visibility = "hidden";
    } else {
      if(document.getElementsByTagName("span")[i].className.substr(0, 5) == "blink") document.getElementsByTagName("span")[i].style.visibility = "visible";
    }
  }
  var zeit = 750;
  window.setTimeout("popwarn()", zeit);
}

Code im externen css:

Code: 
span.blink_text  { color: red ;}

An der Stelle wo der Text erscheinen sollt:

HTML: 
<td align="center"><span class="blink_text">Bitte<br><br>!! PopUp-Blocker !!<br><br>abschalten</span></td>

Zum Aufrufen des event:

HTML: 
<a href="javascript:popUp('bild.jpg'); onklick=popwarn()">
              <img src="bild.jpg" ></a>

Ich vermute mal, dass mein Eintrag in der .css noch nicht komplett ist.


Freue mich auch über Vorschläge, wie man das auch noch auf anderem Wege hinbekommt. Natürlich für möglichst viele Browser kompatibel.

Liebe Grüße !

Lulu2
 
Hab das ganze mal umgeschrieben ...wobei du dir recht unnötig sorgen machst wegen dem Popupblocker....diese blockieren idR. nur Popups, welche sich unabhängig von einem Klick des Benutzers öffnen...das ist hier ja nicht der Fall ;)

Code: 
<html>
<head>
<title>Test</title>
<script type="text/javascript">
<!--
arrClasses=[];
var loop;

function getElementsByClassName(strName,strTag)
{
  if(typeof arrClasses[strName]=='undefined')
    {
      arrClasses[strName]=[];
      arrNodes=document.getElementsByTagName(strTag);
      for(i=0;i<arrNodes.length;++i)
        {
          if(arrNodes[i].className==strName)
            {
              arrClasses[strName].push(arrNodes[i]);
            }
        }
    }
 return arrClasses[strName];
}

function popUp(imgSrc)
{
 
 try
  {
    popper=window.open(imgSrc);
    popper.focus();
  }
  catch(e)
  {
    getElementsByClassName('blink_text','span');
    loop = window.setInterval('popWarn("blink_text")',333);    
  }
 
}
function popWarn(strClass)
{
  for(i=0;i<arrClasses[strClass].length;++i)
    {
      arrClasses[strClass][i].style.visibility=
        (arrClasses[strClass][i].style.visibility == 'visible')
          ? 'hidden'
          : 'visible';
    }
}
//-->
</script>
<style type="text/css">
<!--
span.blink_text  { color: red ;visibility:hidden}
-->
</style>
</head>
<body>

  <span class="blink_text">
    Bitte<br><br>!! PopUp-Blocker !!<br><br>abschalten
  </span>
  <a href="javascript:popUp('bild.jpg');">  <img src="bild.jpg" ></a>
</body>
</html>
 
Verwende lieber unaufdringliches JavaScript:
HTML: 
<a href="bild.jpg" onclick="return !popUp(this.href)"><img src="bild.jpg"></a>
Dazu muss deine Funktion allerdings noch bei Erfolg/Misserfolg einen Wert zurückgeben.
 
Hallo Sven,

herzlichen Dank für die Mühe die Du Dir gemacht hast !

Du hast recht, hab zwischenzeitlich mit ein paar Blockern experimentiert. Die tun meiner Show tatsächlich nix. :-(

Sicher kann ich Dein Script mal anderer Stelle gebrauchen. Möchte ja nicht, dass meine Besucher völlig unnötig in Stress geraten.

Auch Dir Gumbo besten Dank für deinen Tipp nach dem Motto "kurz und schmerzlos" !

Hab da noch nen anderen "Schmerz" mit nem iframe das über den "Feuerfuchs" nicht starten will. Mache dafür aber in den nächsten Minuten ein neues Thema auf.

Lieben Gruß von der

Lulu2
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück