[JavaScript] Eine Frage wegen der Pop-Up funktion

HeroDX · 25. März 2008

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 :/

Anzeige

Micro86 · 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

HeroDX · 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 ^^

Micro86 · 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

Murdoc · 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.)

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 )
 })
 });
 });

Kolazomai · 25. März 2008

AW: Eine Frage wegen der Pop-Up funktion

~moved~

HeroDX · 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

MakenX · 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?

HeroDX · 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 -.-

HeroDX · 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...

Nützliche Suchen

[JavaScript] Eine Frage wegen der Pop-Up funktion

Videos zum Themenbereich