| Vorheriges Thema anzeigen :: Nächstes Thema anzeigen |
| Autor |
Nachricht |
flob
Mitglied
|
 popup mit js ohne rand |
 |
|
ich hab da ein problem,
ich möchte auf meiner website wenn man auf ein bild klickt ein popup fenster öffnen, indem dann eine vergrößerte Ansicht des Bildes dargestellt wird.
so sieht meine html-Datei aus:
| Code: | <html>
<head>
...
<script src="_layout/javascript.js" type="text/javascript"></script>
</head>
<body>
...
<img border="0" src="bild.jpg" width="145" height="170" onclick="browserfenster('333','400','bild.jpg',false)" style="cursor: hand;" alt="">
...
</body>
</html> |
hier das script (in einer extra js-datei):
| Code: | function browserfenster(w,h,url,scroll) {//v1.0
var windowProperties=''; if(scroll==true) windowProperties+='scrollbars=yes,';
else windowProperties+='scrollbars=no,'; if(w!="") windowProperties+='width='+w+',';
if(h!="") windowProperties+='height='+h; if(windowProperties!="") {
if( windowProperties.charAt(windowProperties.length-1)==',')
windowProperties=windowProperties.substring(0,windowProperties.length-1); }
window.open(url,name,windowProperties);
} |
soweit funktionierts ja, wie bekomme ich jetzt aber den hässlichen weißen rand oben und links weg???
ich möchte aber das das script in einer extra datei steht, da es auf ziemlich vielen seiten angewandt wird.
vielleicht gibt es ja einige Experten die mir weiterhelfen können
vielen dank schon im voraus
flob |
|
|
|
| 04 Sep 2006 13:48 |
|
  |
V4hn
Moderator
|
| Re: popup mit js ohne rand |
|
|
| flob hat Folgendes geschrieben: | | wie bekomme ich jetzt aber den hässlichen weißen rand oben und links weg??? |
Ich nehme mal an, du sprichst von dem Rand,
der im neu angezeigten Fenster vorhanden ist...
Da das browserspezifisch ist,
sofern du die Dateien direkt im neuen Fenster aufrufst,
bleiben dir am ehsten 2 Möglichkeiten:
- Du öffnest das Fenster mit about:blank und schreibst mittels windowname.document.write() eine html-seite ohne Ränder rein
- Du lässt den Gedanken eines neuen Fensters fallen,
und arbeitest mit einem Overlay-Fenster(div-box)
|
_________________
 |
|
|
| 04 Sep 2006 16:44 |
|
|
flob
Mitglied
|
|
|
|
Danke erstmal hat mir echt geholfen,
ein kleines Problem hab ich aber immer noch
so hab ich's eingebunden:
| Code: |
<html>
<head>
...
<script src="_layout/javascript.js" type="text/javascript"></script>
</head>
<body>
...
<img border="0" src="bild.jpg" width="145" height="170" onclick="openwindow('333','400','images/ich2_big.jpg',false)" style="cursor: hand;" alt="">
...
</body>
</html>
|
und hier mein neues Script:
| Code: |
function openwindow(w,h,gourl,scroll)
{
var windowProperties=''; if(scroll==true) windowProperties+='scrollbars=yes,';
else windowProperties+='scrollbars=no,'; if(w!="") windowProperties+='width='+w+',';
if(h!="") windowProperties+='height='+h; if(windowProperties!="") {
if( windowProperties.charAt(windowProperties.length-1)==',')
windowProperties=windowProperties.substring(0,windowProperties.length-1); }
var generator=window.open('','name',windowProperties);
generator.document.write('<html><head><title>Neue Seite</title>');
generator.document.write('</head><body style="background:url(images/ich2_big.jpg) no-repeat;">');
generator.document.write('</body></html>');
generator.document.close();
}
|
Wie krig ich das hin, dass ich bei background:url(images/ich2_big.jpg) nicht immer die url eingeben muss, sondern ich gourl einbinden kann
vielen Dank
flob |
|
|
|
| 04 Sep 2006 18:48 |
|
|
V4hn
Moderator
|
|
|
|
'...url('+gourl+')...' oder was meinst du?
kleine zwischenkorrektur:
| Code: | function openwindow(w,h,gourl,scroll){
var windowProperties='';
if(scroll == true) windowProperties += 'scrollbars=yes,';
else windowProperties += 'scrollbars=no,';
if(w != "") windowProperties += 'width='+w+',';
if(h != "") windowProperties += 'height='+h+',';
if(windowProperties != "")
windowProperties = windowProperties.substring(0,windowProperties.length-1);
var generator=window.open('','_blank',windowProperties);
generator.document.write('<html><head><title>Neue Seite</title></head>');
generator.document.write('<body style="background:url('+gourl+') no-repeat;">');
generator.document.write('</body></html>');
generator.document.close();
return 0;
} |
und cursor:pointer; für das kleine Bild. |
_________________
|
|
|
| 05 Sep 2006 15:10 |
|
|
flob
Mitglied
|
|
|
|
suuuuuuuper, jetzt klappts
vielen vielen Dank funktioniert echt super
flob |
|
|
|
| 05 Sep 2006 19:16 |
|
|
V4hn
Moderator
|
|
|
|
| flob hat Folgendes geschrieben: | suuuuuuuper, jetzt klappts
vielen vielen Dank funktioniert echt super
flob |
Immer wieder gern 
Wozu beschäftigt man sich denn sonst
mit den ganzen Systemen  |
_________________
|
|
|
| 06 Sep 2006 15:10 |
|
|
|
