kostenloser Webspace werbefrei: lima-city

Scrollbar in Popup wie?

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   g************************k

   21:19, 12.6.2009

   Hallo ich habe hier einen Popup gemacht bloß weiß ich nicht wie ich einen Scrollbar hineinmachen kann. Es wäre echt klasse wenn einer mir das machen könnte. Brauche dringend Hilfe. Hier ist der Code.
   

   window.setTimeout(function() {
   	document.getElementById('layer').style.left = '100px';
   }, 3);
   
   function _layer_bookmark(SeitenURL,SeitenTitel,Kommentar){
   
     if (window.sidebar)
       {
       // firefox
       window.sidebar.addPanel(SeitenURL,SeitenTitel,Kommentar);
       }
     else if(window.opera && window.print)
       {
       // opera
       var elem = document.createElement('a');
       elem.setAttribute('href',SeitenURL);
       elem.setAttribute('title',SeitenTitel);
       elem.setAttribute('rel','sidebar');
       elem.click();
       }
     else if(document.all)
       {
       // ie
       window.external.AddFavorite(SeitenURL,SeitenTitel);
       }
   }
   
   function _layer_close() {
   	document.getElementById('layer').style.display = 'none';
   }
   
   document.write('<style> #layer td { padding:0; border: none; margin:0; padding: 0; } #layer tr, #layer td {background: none; border: none; line-height: 3px; } #layer, #layer table { width:inherit; border: none; border-collapse: collapse;  margin:0; padding: 0; background: none; } #layer a img { border:0; margin:0; padding: 0; } #layer img { border: none; padding: 0; margin: 0; }</style>');
   
   document.write('<table id="layer" style="position: absolute; top: 30px; left: -3000px; "><tr><td><td><img src="popup/layer_08.jpg"></td></td><td><table><tr><td><img src="popup/layer_04.jpg"><a href="javascript:;" onclick="_layer_bookmark(\'http://www.gratisiphone.de/index.php?referral=1396\', \'Gratis-Iphone\', \'Gratis-Iphone\')"><img src="popup/layer_05.jpg"></a><a href="http://www.gratisiphone.de/index.php?referral=1396" target="_blank"><img src="popup/layer_06.jpg"></a><a href="javascript:_layer_close();"><img src="popup/layer_07.jpg"></a></td></tr><tr><td><iframe src="http://www.gratisiphone.de/index.php?referral=1396" width="786" height="455" frameborder="0" scrolling="no" allowtransparency="true" hspace="0" vspace="0" marginheight="0" marginwidth="0" style="width: 786px; height: 455px; padding-left: 1px;"></iframe></td></tr><tr><td><a href="http://www.gratis-iphone-mit-geschenk.lima-city.de" target="_blank"><img src="popup/layer_11.jpg"></a></td></tr></table></td><td><img src="popup/layer_08.jpg"></td></tr></table>');

   
   
   Beitrag zuletzt geändert: 12.6.2009 21:22:52 von gratis-iphone-mit-geschenk

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. t****o

   21:24, 12.6.2009

   Ich hab zwar keine Ahnung von JavaScript, doch wenn du zum Anzeigen ein div verwenden würdest, geht das so:
   

   <div style="overflow:scroll;">Der Inhalt des Popups</div>

   
   
   telelo
4. Autor dieses Themas

   g************************k

   21:25, 12.6.2009

   Das ist aber keine html datei sondern eine js das geht nicht hierhin. aber trotzdem danke
   
   Beitrag zuletzt geändert: 12.6.2009 21:25:27 von gratis-iphone-mit-geschenk

5. t****o

   21:37, 12.6.2009

   Doch müsste doch gehen, schau dir mal deinen Code an - da steht was von <table> und style="". Dann kannst du das ganze auch mit <div> und style="" machen, oder??
   
   telelo
6. Autor dieses Themas

   g************************k

   21:38, 12.6.2009

   Weiß ich nicht probiere es mal aus. Danke für den Hinweis

7. welt-mailer

   

   welt-mailer hat kostenlosen Webspace.

   21:56, 12.6.2009

   Das ist ja eine .js Datei und dann musst du das was telelo gesagt hat in die html Datei schreiben glaube ich mal aber ganz genau weiß ich es nicht
8. Autor dieses Themas

   g************************k

   21:58, 12.6.2009

   Danke für den Tipp probiere es mal aus und übrigens danke telelo für den Hinweis aber hat trotzdem nicht geklappt. Danke an alle aber es hat nicht geklappt kann es jemand für mich nicht machen?
   
   Beitrag zuletzt geändert: 13.6.2009 12:53:07 von gratis-iphone-mit-geschenk

9. f************r

   15:00, 13.6.2009

   In der vorletzten Zeile setzt du ja den Style, da müsste einr #layermit overflow:scroll; hin:
   
   

   document.write('<style> #layer td { padding:0; border: none; margin:0; padding: 0; } #layer tr, #layer td {background: none; border: none; line-height: 3px; } #layer, #layer table { width:inherit; border: none; border-collapse: collapse;  margin:0; padding: 0; background: none; } #layer a img { border:0; margin:0; padding: 0; } #layer img { border: none; padding: 0; margin: 0; }#layer {overflow:scroll; }</style>');

   
   
   MfG
   
   Steffen
10. Autor dieses Themas

    g************************k

    12:05, 14.6.2009

    Danke werde es mal ausprobieren hoffe es klappt. Es hat irgendwie nicht geklappt ich versteh das nicht.
    
    Beitrag zuletzt geändert: 14.6.2009 12:12:23 von gratis-iphone-mit-geschenk

11. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?