/ Forside / Teknologi / Udvikling / Java Scripts / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
Java Scripts
#NavnPoint
molokyle 5410
Klaudi 2799
smorch 2439
kim 1360
Harlekin 1134
bentjuul 984
gibson 800
severino 695
Random 675
10  konsulent.. 626
Åbne et nyt vindue, med samme størrelse so~
Fra : Søren G. Andersen


Dato : 05-11-03 20:15

Hejsa!

Som den lettere apokryfe, og temmeligt lange, tekst ovenover
antyder, så har jeg et mindre problem. :)

Jeg vil gerne åbne et billede i et nyt vindue; Men, istedet for
at gøre det når man trykker på selve billedet, vil jeg gerne gøre
det når man trykker på et bestemt stykke tekst...
Det er også nemt nok, men jeg vil gerne have at størrelsen på
vinduet der åbnes, er den samme som størrelse på billedet - det
ser lidt mere fancy ud. :)

Hvordan gør man det? Hvis det er muligt?

Mvh.

Søren

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Benny Nissen (06-11-2003)
Kommentar
Fra : Benny Nissen


Dato : 06-11-03 04:32


"Søren G. Andersen" <no@spam.dk> wrote in message
news:bobi7r$rc$1@sunsite.dk...

> Jeg vil gerne åbne et billede i et nyt vindue; Men, istedet for
> at gøre det når man trykker på selve billedet, vil jeg gerne gøre
> det når man trykker på et bestemt stykke tekst...
> Det er også nemt nok, men jeg vil gerne have at størrelsen på
> vinduet der åbnes, er den samme som størrelse på billedet - det
> ser lidt mere fancy ud. :)
>
> Hvordan gør man det? Hvis det er muligt?

<head>
<title>Navn på nuværende side</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function openPop(theURL,winName,features) {
window.open(theURL,winName,features);
}
//-->
</script>
</head>

<body>
<a href="billede.jpg" onClick="openPop('billede.jpg','Titel på
popupvindue','width=400,height=300')">Link til popup</a>
</body>

De 400 og 300 er så størelsen på det billede, du vil vise.

--
Benny



Søren G. Andersen (06-11-2003)
Kommentar
Fra : Søren G. Andersen


Dato : 06-11-03 12:36

> De 400 og 300 er så størelsen på det billede, du vil vise.

Ja, men ser du: Jeg kender ikke størrelserne på forhånd.
Scriptet skal selv detektere hvor stort billedet er - der er mange,
de er af forskellig størrelse og det hele er genereret fra en
ASP-Database forbindelse.

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Benny Nissen (06-11-2003)
Kommentar
Fra : Benny Nissen


Dato : 06-11-03 13:04


"Søren G. Andersen" <no@spam.dk> wrote in message
news:bodbnk$966$1@sunsite.dk...
> > De 400 og 300 er så størelsen på det billede, du vil vise.
>
> Ja, men ser du: Jeg kender ikke størrelserne på forhånd.
> Scriptet skal selv detektere hvor stort billedet er - der er mange,
> de er af forskellig størrelse og det hele er genereret fra en
> ASP-Database forbindelse.

OK. Så må du kunne lave noget i stil med:

<a href="<%=RS("billede")%>"
onClick="window.open('popup.asp?id=<%=RS("billede")%>','Billede','width=200,
height=200')">Klik her for at vise billedet</a>

Det vil åbne et popup-vindue med billedets navn som parameter (id-værdien).

I popup.asp skriver du så følgende.

<html>
<head>
<script language="JavaScript" type="text/JavaScript">
function res(){
window.resizeTo(document.myPic.width+25,document.myPic.height+60)
}
</script>
<body onLoad="res();">
<img src="<%=request("id")%>" name="myPic">
</body>
</html>

Håber det hjælper dig lidt på vej.

--
Benny Nissen



Søren G. Andersen (06-11-2003)
Kommentar
Fra : Søren G. Andersen


Dato : 06-11-03 14:20

> OK. Så må du kunne lave noget i stil med:
>
> <a href="<%=RS("billede")%>"
> onClick="window.open('popup.asp?id=<%=RS("billede")%>','Billede','width=200,
> height=200')">Klik her for at vise billedet</a>
>
> Det vil åbne et popup-vindue med billedets navn som parameter (id-værdien).
>
> I popup.asp skriver du så følgende.
>
> <html>
> <head>
> <script language="JavaScript" type="text/JavaScript">
> function res(){
> window.resizeTo(document.myPic.width+25,document.myPic.height+60)
> }
> </script>
> <body onLoad="res();">
> <img src="<%=request("id")%>" name="myPic">
> </body>
> </html>
>
> Håber det hjælper dig lidt på vej.

Simpelt men genialt...
Det havde jeg aldrig tænkt på. :)
Jeg vil straks gå igang...!
Faktisk anede jeg ikke engang at HTML og Java kunne arbejde sådan sammen. :)

Men - mange tak skal du have! Jeg vender måske tilbage senere... :)

Mvh.

Søren

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Søren G. Andersen (17-11-2003)
Kommentar
Fra : Søren G. Andersen


Dato : 17-11-03 14:29

Hey... :)
Så er det mig igen... :)

Jeg har brugt al den information du har givet mig, til at lave en side der er
ret god... Men det ville være lækkert hvis jeg også kunne kontrollere hvor på
skærmen den poppede op... Så jeg kunne lægge den helt op i venstre hjørne...
Jeg prøvede at skrive noget allá:
window.resizeTo(document.myPic.width+25,document.myPic.height+60,
left=1024,top=xxx)
Men, det virker ikke? Er der noget man kan gøre?

Mvh.

Søren

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Benny Nissen (17-11-2003)
Kommentar
Fra : Benny Nissen


Dato : 17-11-03 15:28


"Søren G. Andersen" <no@spam.dk> wrote in message
news:bpaier$crt$1@sunsite.dk...
> Hey... :)
> Så er det mig igen... :)
>
> Jeg har brugt al den information du har givet mig, til at lave en side der
er
> ret god... Men det ville være lækkert hvis jeg også kunne kontrollere hvor

> skærmen den poppede op... Så jeg kunne lægge den helt op i venstre
hjørne...
> Jeg prøvede at skrive noget allá:
> window.resizeTo(document.myPic.width+25,document.myPic.height+60,
> left=1024,top=xxx)
> Men, det virker ikke? Er der noget man kan gøre?

Ja, det kan man sagtens lave. Du skal have fat i moveTo:

moveTo(x,y);

hvor x og y angiver placeringen på skærmen i hhv. x og y retning. Der tæller
fra venstre top.

Du smider bare linien ind i den funktion, du allerede har, altså noget med:
moveTo(10,10);

--
Benny



Benny Nissen (17-11-2003)
Kommentar
Fra : Benny Nissen


Dato : 17-11-03 15:30


"Benny Nissen" <news@bennynissen.dk> wrote in message
news:3fb8dadf$0$95073$edfadb0f@dread11.news.tele.dk...
> Ja, det kan man sagtens lave. Du skal have fat i moveTo:
>
> moveTo(x,y);
>
> hvor x og y angiver placeringen på skærmen i hhv. x og y retning. Der
tæller
> fra venstre top.
>
> Du smider bare linien ind i den funktion, du allerede har, altså noget
med:
> moveTo(10,10);

Hmmm..retter lige. Det skal selvfølgelig være:
window.moveTo(10,10);

--
Benny



Lasse Reichstein Nie~ (17-11-2003)
Kommentar
Fra : Lasse Reichstein Nie~


Dato : 17-11-03 15:37

Søren G. Andersen <no@spam.dk> writes:

> Jeg har brugt al den information du har givet mig, til at lave en side der er
> ret god... Men det ville være lækkert hvis jeg også kunne kontrollere hvor på
> skærmen den poppede op...

Sider popper da ikke op.

> Så jeg kunne lægge den helt op i venstre hjørne...
> Jeg prøvede at skrive noget allá:
> window.resizeTo(document.myPic.width+25,document.myPic.height+60,
> left=1024,top=xxx)

At gætte i blinde giver sjældent resultater :)

resizeTo tager kun to argumenter, de sidste to er spildt (og betyder
næppe det du tro).

Prøv
window.moveTo(0,0);

> Men, det virker ikke? Er der noget man kan gøre?

Ja. Man skal bare passe forbandet meget på med at placere vinduer.
Hvis browseren bruger tabs, så virker det ikke. Hvis den bruger MDI
(flere vinduer inden i hovervinduet) så kan man ikke placerer frit på
hele skærmen, kun inden i hovedvinduet (Opera er vist den eneste
browser med MDI). Hvis brugeren har mere end en skærm, så kan man
komme til at placere vinduet så det er delt mellem to skærme, eller
(hvis de ikke er lige store) endda så det er delvist ude over kanten
af den ene.

Placering af vinduer er best overladt til browseren.

Ellers kan du læse mere om det på:
<URL:http://www.infimum.dk/HTML/JSwindows.html#ref_3_3>

/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
DHTML Death Colors: <URL:http://www.infimum.dk/HTML/rasterTriangleDOM.html>
'Faith without judgement merely degrades the spirit divine.'

Søren G. Andersen (17-11-2003)
Kommentar
Fra : Søren G. Andersen


Dato : 17-11-03 23:25

Hejsa begge to, og tak for jeres svar, og lettere tekniske debat. :P

window.moveTo virker perfekt, og det er jo dejligt... :)
Det er slet ikke noget problem med MDI, o.s.v... Siden er ganske simpelt kun
designet til IE.
(Det skal lige sige at det altså IKKE er mig der har skrevet den oprindeligt. ;)
Ikke at jeg kunne have lavet den så den blev vist perfekt på alle browsere
alligevel, men det var altså alligvel ikke mig der lavede den... :)

Så - mange tak for jeres hjælp!

Og, nej, at gætte i blinde hjælper sjældent... Men, jeg anede ikke hvor jeg skulle
slå op, efter sådan noget her?
Normalt bruge jeg f.eks. www.w3schools.com, men har i andre forslag?

Mvh.

Søren

p.s: Jo den popper faktisk op... Men det er på en anden side. :)

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Lasse Reichstein Nie~ (17-11-2003)
Kommentar
Fra : Lasse Reichstein Nie~


Dato : 17-11-03 15:46

"Benny Nissen" <news@bennynissen.dk> writes:

>> moveTo(10,10);
>
> Hmmm..retter lige. Det skal selvfølgelig være:
> window.moveTo(10,10);

Det burde ikke være nødvendigt. I browsere er "window" en global
variable der peger på et objekt. Det objekt er både et vindue-objekt
og "global object" - det objeckt hvor globale variable er egenskaber.

Så hvis window.moveTo er rigtigt, så er "moveTo" en egenskab ved
det globale objekt, og derfor selv en global variabel.

Man kunne måske tænke at funktionen skulle kaldes som en metode for at
den vidste hvilket vindue det drejer sig om, men i alle de browsere
jeg har testet, kan man skrive "moveTo(20,20)" direkte (IE 6, Netscape
4, Mozilla, Opera 7).

/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
DHTML Death Colors: <URL:http://www.infimum.dk/HTML/rasterTriangleDOM.html>
'Faith without judgement merely degrades the spirit divine.'

Lasse Reichstein Nie~ (17-11-2003)
Kommentar
Fra : Lasse Reichstein Nie~


Dato : 17-11-03 23:48

Søren G. Andersen <no@spam.dk> writes:

> Og, nej, at gætte i blinde hjælper sjældent... Men, jeg anede ikke
> hvor jeg skulle slå op, efter sådan noget her?

> Normalt bruge jeg f.eks. www.w3schools.com, men har i andre forslag?

Det lyder som et sted med tutorials. Sådan nogle er sjældent fuldstændige.
jeg foretrækker at bruge specifikationer, da de normalt har det hele med.

Jeg bruger normalt enten Netscapes eller Microsofts DOM/DHTML-referencer:
<URL:http://www.mozilla.org/docs/dom/domref/>
<URL:http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/dhtml_node_entry.asp>

I nogle tilfælde er det godt at falde tilbage på Netscape 4's
dokumentation, da meget af det går igen i nyere browsere. Man skal
bare vide hvad der ikke gør.
<URL:http://devedge.netscape.com/library/manuals/2000/javascript/1.3/guide/partcli.html>

Jeg har nogle Javascript links her:
<URL:file://localhost/D:/Home/lrn/html/faq/references.html#ref_1_4>
Det er der jeg plejer at starte når jeg vil vide noget.


/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
DHTML Death Colors: <URL:http://www.infimum.dk/HTML/rasterTriangleDOM.html>
'Faith without judgement merely degrades the spirit divine.'

Lasse Reichstein Nie~ (17-11-2003)
Kommentar
Fra : Lasse Reichstein Nie~


Dato : 17-11-03 23:51

Lasse Reichstein Nielsen <lrn@hotpop.com> writes:

> Jeg har nogle Javascript links her:
> <URL:file://localhost/D:/Home/lrn/html/faq/references.html#ref_1_4>
> Det er der jeg plejer at starte når jeg vil vide noget.

Doh! Jeg har dem endda også online, så andre også kan læse dem :)
<URL:http://www.infimum.dk/HTML/references.html#ref_1_4>

(Men det var rigtigt, at det var den fil jeg plejer at starte med :)
/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
DHTML Death Colors: <URL:http://www.infimum.dk/HTML/rasterTriangleDOM.html>
'Faith without judgement merely degrades the spirit divine.'

Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408847
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste