[JavaScript] Eine Frage wegen der Pop-Up funktion

Dieses Thema im Forum "Webentwicklung" wurde erstellt von HeroDX, 25. März 2008 .

  1. 25. März 2008
    Zuletzt von einem Moderator bearbeitet: 14. April 2017
    Eine Frage wegen der Pop-Up funktion

    Hey Leute wie oben schon geschrieben habe ich eine Frage zur PopUp funktion. Naya es ist nicht wirklich java sondern es geht um javascript. Zwar wollte ich folgendes erreichen:

    Ein Popup ohne titelbar und status bar, um genau zu sein möchte ich nur den content der seite anzeigen lassen in einer bestimmten größe was nicht schlecht wäre wäre das der bildschirm im hintergrund abgedunkelt wird. Als beispiel kenne ich im moment nur das hier von dieser Seite :

    Toxic-WoW 255

    Ist das wirklich so schwer zu realisieren, habe schon einiges probiert und so aber habs nie geschafft iwas gescheites hinzubekommen

    Hoffe auf hilfe ^-^

    Edit:
    Vllt. wäre es für euch einfacher mir zu sagen wie der code lauten würde einfach einen link (ohne das der user draufklicken muss automatisch geöffnet wird beim seitenbetreten ^^

    Edit2:
    Habe das hier gefunden:
    Download: 1.jpg | xup.in

    Damit funktioniert ja alles prima...ist das was ich mir vorstelle nur mit dem problem das es nur auf kicken eines linkes geht, ich möchte jedoch dieses fenster beim betreten der seite starten, mit onload...habe aber ka wie das gehen soll...hat einer vllt. bessere scripts oder tipps :/
     
  2. 25. März 2008
    AW: Eine Frage wegen der Pop-Up funktion

    gehört in den webmastertalk

    schau dir den quelltext mal an
    ich kenne mich nicht so super damit aus
    aber da solltest du was finden
     
  3. 25. März 2008
    AW: Eine Frage wegen der Pop-Up funktion

    Habe ich schon, aber gehe davon aus das der noch .js dateien benutzt worauf ich kein zugriff habe.

    Aya sry wegen der falschen sektion, pls moven ^^
     
  4. 25. März 2008
    AW: Eine Frage wegen der Pop-Up funktion

    ok. so genau habe ich mir das nicht angeschaut
    ich habe nur gesehen das der link zu dem angezeigten banner sichtbar ist
     
  5. 25. März 2008
    AW: Eine Frage wegen der Pop-Up funktion

    wenn du keinen zugriff auf die .js-datein hättest, würde überhaupt nichts funktionieren.

    da: (brauchst das [g]javascript-framework prototype[/g] dafür.)
    Spoiler
    Code:
     var voteImage = new Asset.image('http://i223.photobucket.com/albums/dd34/aether666/banner.gif');
     var voteLinks = ['http://www.toxic-wow.net/pages.php?id=vote'];
     var voteNr = 1;
    
     var hiddenNodes = new Array();
    
     window.addEvent('load', function(){
     if(window.ie){
     $$('select').each(function(el){
     hiddenNodes.push(el);
     el.setStyle('visibility', 'hidden');
     });
     }
    
     var blackLayer = new Element('div', {
     'styles': {
     'position': 'absolute',
     'top': '0px',
     'left': '0px', 
     'width': window.getScrollWidth(),
     'height': window.getScrollHeight(),
     'background-color': '#000000',
     'opacity': 0.7,
     'z-index': 99998
     }
     }).injectInside(document.body);
     
     var voteContainer = new Element('div', {
     'styles': {
     'position': 'absolute',
     'top': ( window.getScrollTop() + ( window.getHeight() - voteImage.height ) / 2 ),
     'left': ( window.getScrollLeft() + ( window.getWidth() - voteImage.width ) / 2 ),
     'width': voteImage.width,
     'background-color': '#000000',
     'z-index': 99999
     }
     }).injectInside(document.body);
     
     var voteLink = new Element('a', {
     'href': voteLinks[voteNr - 1],
     'target': '_blank'
     }).injectInside(voteContainer);
     voteImage.setStyle('border', '1px solid #FFFFFF').injectInside(voteLink);
    
     var voteNumber = new Element('div', {
     'styles': {
     'position': 'absolute',
     'top': '0px',
     'right': '0px',
     'font-size': 14,
     'font-weight': 'bold',
     'color': '#FFFFFF',
     'padding': '5px'
     }
     }).setText('').injectInside(voteContainer);
     
     var voteAbort = new Element('div', {
     'styles': {
     'color': '#FFFFFF',
     'cursor': 'pointer',
     'text-align': 'center'
     }
     }).setText('Remind me in 10 minutes.').injectInside(voteContainer);
     
     voteAbort.addEvent('click', function(){
     createCookie('vote', 'vote', '10');
     if(window.ie) hiddenNodes.each(function(el){ el.setStyle('visibility', ''); });
     blackLayer.remove();
     voteContainer.remove();
     window.removeEvents('scroll').removeEvents('resize');
     Garbage.trash([blackLayer, voteContainer]);
     });
     
     voteLink.addEvent('click', function(){
     createCookie('vote', 'vote', '720');
     voteNr++;
     (function(){
     if(voteNr > voteLinks.length){
     if(window.ie) hiddenNodes.each(function(el){ el.setStyle('visibility', ''); });
     blackLayer.remove();
     voteContainer.remove();
     window.removeEvents('scroll').removeEvents('resize');
     Garbage.trash([blackLayer, voteContainer]);
     }else{
     voteLink.href = voteLinks[voteNr - 1];
     voteNumber.setText('Click here to vote');
     }
     }).delay(10);
     });
     
     window.addEvent('scroll', function(){
     voteContainer.setStyles({
     'top': ( window.getScrollTop() + ( window.getHeight() - voteImage.height ) / 2 ),
     'left': ( window.getScrollLeft() + ( window.getWidth() - voteImage.width ) / 2 )
     })
     });
     
     window.addEvent('resize', function(){
     blackLayer.setStyles({
     'width': window.getScrollWidth(),
     'height': window.getScrollHeight()
     });
     voteContainer.setStyles({
     'top': ( window.getScrollTop() + ( window.getHeight() - voteImage.height ) / 2 ),
     'left': ( window.getScrollLeft() + ( window.getWidth() - voteImage.width ) / 2 )
     })
     });
     });
     
  6. 25. März 2008
    AW: Eine Frage wegen der Pop-Up funktion

    ~moved~
     
  7. 27. März 2008
    AW: Eine Frage wegen der Pop-Up funktion

    Nagut habe es schnell hinbekommen, nur leider scheint die cookie funktion nicht so funktionieren (also nach 10 min. erscheint erst das fenster wieder). Naya habe auch leider keine erfahrung mit cookies, kann mir da einer vllt. helfen?

    Wäre very nice ^^

    MfG

    HeroDX
     
  8. 28. März 2008
    AW: Eine Frage wegen der Pop-Up funktion

    [G]JavaScript Cookies[/G]
    [G]PHP Cookies[/G]

    Und da war nichts für dich bei?
     
  9. 28. März 2008
    AW: Eine Frage wegen der Pop-Up funktion

    Kla habe ich eingegeben und so, aber werden nur fehlermeldungen angezeigt, ich kriege das halt nicht hin es genau für den script anzupassen den ich verwende:


    Code:
     var voteImage = new Asset.image('http://i223.photobucket.com/albums/dd34/aether666/banner.gif');
     var voteLinks = ['http://www.toxic-wow.net/pages.php?id=vote'];
     var voteNr = 1;
    
     var hiddenNodes = new Array();
    
     window.addEvent('load', function(){
     if(window.ie){
     $$('select').each(function(el){
     hiddenNodes.push(el);
     el.setStyle('visibility', 'hidden');
     });
     }
    
     var blackLayer = new Element('div', {
     'styles': {
     'position': 'absolute',
     'top': '0px',
     'left': '0px', 
     'width': window.getScrollWidth(),
     'height': window.getScrollHeight(),
     'background-color': '#000000',
     'opacity': 0.7,
     'z-index': 99998
     }
     }).injectInside(document.body);
     
     var voteContainer = new Element('div', {
     'styles': {
     'position': 'absolute',
     'top': ( window.getScrollTop() + ( window.getHeight() - voteImage.height ) / 2 ),
     'left': ( window.getScrollLeft() + ( window.getWidth() - voteImage.width ) / 2 ),
     'width': voteImage.width,
     'background-color': '#000000',
     'z-index': 99999
     }
     }).injectInside(document.body);
     
     var voteLink = new Element('a', {
     'href': voteLinks[voteNr - 1],
     'target': '_blank'
     }).injectInside(voteContainer);
     voteImage.setStyle('border', '1px solid #FFFFFF').injectInside(voteLink);
    
     var voteNumber = new Element('div', {
     'styles': {
     'position': 'absolute',
     'top': '0px',
     'right': '0px',
     'font-size': 14,
     'font-weight': 'bold',
     'color': '#FFFFFF',
     'padding': '5px'
     }
     }).setText('').injectInside(voteContainer);
     
     var voteAbort = new Element('div', {
     'styles': {
     'color': '#FFFFFF',
     'cursor': 'pointer',
     'text-align': 'center'
     }
     }).setText('Remind me in 10 minutes.').injectInside(voteContainer);
     
     voteAbort.addEvent('click', function(){
     createCookie('vote', 'vote', '10');
     if(window.ie) hiddenNodes.each(function(el){ el.setStyle('visibility', ''); });
     blackLayer.remove();
     voteContainer.remove();
     window.removeEvents('scroll').removeEvents('resize');
     Garbage.trash([blackLayer, voteContainer]);
     });
     
     voteLink.addEvent('click', function(){
     createCookie('vote', 'vote', '720');
     voteNr++;
     (function(){
     if(voteNr > voteLinks.length){
     if(window.ie) hiddenNodes.each(function(el){ el.setStyle('visibility', ''); });
     blackLayer.remove();
     voteContainer.remove();
     window.removeEvents('scroll').removeEvents('resize');
     Garbage.trash([blackLayer, voteContainer]);
     }else{
     voteLink.href = voteLinks[voteNr - 1];
     voteNumber.setText('Click here to vote');
     }
     }).delay(10);
     });
     
     window.addEvent('scroll', function(){
     voteContainer.setStyles({
     'top': ( window.getScrollTop() + ( window.getHeight() - voteImage.height ) / 2 ),
     'left': ( window.getScrollLeft() + ( window.getWidth() - voteImage.width ) / 2 )
     })
     });
     
     window.addEvent('resize', function(){
     blackLayer.setStyles({
     'width': window.getScrollWidth(),
     'height': window.getScrollHeight()
     });
     voteContainer.setStyles({
     'top': ( window.getScrollTop() + ( window.getHeight() - voteImage.height ) / 2 ),
     'left': ( window.getScrollLeft() + ( window.getWidth() - voteImage.width ) / 2 )
     })
     });
     });
    Vllt. kannst du mir den einbauen scheint ja nicht so schwer zu sein nur bin iwie zu dumm dafür -.-
     
  10. 30. März 2008
    AW: Eine Frage wegen der Pop-Up funktion

    *Push*

    Bitte leute, das einzige was ich brauche ist das wenn man das Fenster mit dem Link schließt (an der stelle:

    }).setText('Remind me in 10 minutes.').injectInside(voteContainer);

    voteAbort.addEvent('click', function(){
    )
    ein cookie entsteht der die zeit speichert an dem er erstellt wurde und eine abfrage die überprüft ob der cookie existiert und erst nach 10 min. wieder das fenster erscheinen lässt. Kla das ist jetzt von mir leicht gesagt aber leider bin ich nicht in der lage dies umzusetzen

    Vllt. kann mir einer helfen...
     
  11. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.