/ 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
Billed popup som justerer efter størrelse ~
Fra : Martin L. Johansen


Dato : 16-01-03 19:56

Harj!

Jeg skal bruge et javascript som gør at et tekstlink åbner et billede i en
popup uden nogen form for titelbar m.v. Denne popup skal automatisk antage
samme størrelse som billedet, og da ikke alle billeder har samme størrelse
kan jeg ikke definerer denne værdi fast.

For at det ikke skal være løgn, så skal selve linket kunne åbne billedet som
normalt såfremt en bruger har en browser hvor javascript er slået fra

Kan dette lade sig gøre så det bliver så simpelt som mulig og så kompatibelt
som muligt?

På forhånd tak :)

--
Martin L. Johansen

 
 
Niels Andersen (16-01-2003)
Kommentar
Fra : Niels Andersen


Dato : 16-01-03 22:21

Martin L. Johansen wrote in
<sdDV9.37855$Hl6.4434658@news010.worldonline.dk>:
> Jeg skal bruge et javascript som gør at et tekstlink åbner et billede i en
> popup uden nogen form for titelbar m.v.

Det er bare en standard popup. Kig dig omkring på nettet, der er sikkert
millionsvis af eksempler.

> Denne popup skal automatisk antage
> samme størrelse som billedet, og da ikke alle billeder har samme størrelse
> kan jeg ikke definerer denne værdi fast.

I popup'en kan du have noget javascript, der undersøger størrelsen på
billedet, og resizer popup'en efter det.

> For at det ikke skal være løgn, så skal selve linket kunne åbne billedet
> som normalt såfremt en bruger har en browser hvor javascript er slået fra
>

Denne del er det nemmeste. :)
Javscriptet ligger i onclick-delen, almindeligt link til billedet ligger i
href-delen.

--
Mvh.
Niels Andersen
Slå op i en javascript-reference på en nem måde:
http://myplace.dk/tools/javascriptlookup/

Martin L. Johansen (16-01-2003)
Kommentar
Fra : Martin L. Johansen


Dato : 16-01-03 23:01

Niels Andersen wrote:

> Det er bare en standard popup. Kig dig omkring på nettet, der er sikkert
> millionsvis af eksempler.

Jep, og jeg har prøvet nogle, men det ene er mere eksotisk efter det andet.
Jeg er sikker på at ikke alle er lige browser venlige alt efter platform.

> I popup'en kan du have noget javascript, der undersøger størrelsen på
> billedet, og resizer popup'en efter det.

Jep, det er det jeg søger her.

> Denne del er det nemmeste. :)
> Javscriptet ligger i onclick-delen, almindeligt link til billedet ligger i
> href-delen.

Okay.

--
Martin L. Johansen

Martin L. Johansen (17-01-2003)
Kommentar
Fra : Martin L. Johansen


Dato : 17-01-03 12:49

Niels Andersen wrote:

> Denne del er det nemmeste. :)
> Javscriptet ligger i onclick-delen, almindeligt link til billedet ligger i
> href-delen.

Kan du forklare det nærmere? Jeg har følgende i <head>...:

<script language="Javascript">
<!--
function openWindow(imageName,imageWidth,imageHeight,alt) {
newWindow =
window.open("","newWindow","width="+imageWidth+",height="+imageHeight+',left=200,top=150');
newWindow.document.open();
newWindow.document.write('<HTML><TITLE>'+alt+'</TITLE><BODY
bgcolor="#FFFFFF" LEFTMARGIN="0" TOPMARGIN="0" MARGINHEIGHT="0"
MARGINWIDTH="0" onBlur="self.close()">');
newWindow.document.write('<IMG SRC='+imageName+' WIDTH='+imageWidth+'
HEIGHT='+imageHeight+' ALT='+alt+'>');
newWindow.document.write('<\/BODY></HTML>');
newWindow.document.close();
newWindow.focus();}
//-->
</script>

Og så har jeg som link i body...:

<a
href="javascriptenWindow('../images/bamse.jpg','592','400','bamse.jpg')">Bamse</a>

Hvordan laver jeg dette så hvis en bruger ikke har javascript enabled, at så
funker det bare som normalt?

--
Martin L. Johansen

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


Dato : 17-01-03 13:09

"Martin L. Johansen" <ares@c.dk> writes:

> <a href="javascriptenWindow('../images/bamse.jpg','592','400','bamse.jpg')">Bamse</a>

> Hvordan laver jeg dette så hvis en bruger ikke har javascript enabled, at så
> funker det bare som normalt?

<a href="../images/bamse.jpg" onclick="openWindow('../images/bamse.jpg','592','400','bamse.jpg');return false">Bamse</a>

/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
'Faith without judgement merely degrades the spirit divine.'

Martin L. Johansen (17-01-2003)
Kommentar
Fra : Martin L. Johansen


Dato : 17-01-03 13:37

Lasse Reichstein Nielsen wrote:

> <a href="../images/bamse.jpg"
> onclick="openWindow('../images/bamse.jpg','592','400','bamse.jpg');return
> false">Bamse</a>

Du kan bare det der Takker!

--
Martin L. Johansen

Lasse Reichstein Nie~ (16-01-2003)
Kommentar
Fra : Lasse Reichstein Nie~


Dato : 16-01-03 23:10

"Martin L. Johansen" <ares@c.dk> writes:

> Jeg skal bruge et javascript som gør at et tekstlink åbner et billede i en
> popup uden nogen form for titelbar m.v.

javascript for at åbne vindue uden noget:

window.open("...url...","myPopup",
"height=400,width=300,menubar=no,titlebar=no,status=no,toolbar=no");

Ikke alle browsere tillader at man laver vinduer uden titlebar.
Netscape 4 kræver fx at scriptet har speciel tilladelse til det.

> Denne popup skal automatisk antage samme størrelse som billedet, og
> da ikke alle billeder har samme størrelse kan jeg ikke definerer
> denne værdi fast.

Det kan gøres på to måder.

1) Siden der åbnes er en html-side med javascript der resizer
sig selv når billedet er loadet.

2) Siden med linket preloader billedt og finder størrelsen. Derefter
åbnes vinduet med den rette størrelse.

> For at det ikke skal være løgn, så skal selve linket kunne åbne billedet som
> normalt såfremt en bruger har en browser hvor javascript er slået fra

Ingen problem. Put scriptet i onclick-handleren for linket og et almindeligt
link til billedet i href.

> Kan dette lade sig gøre

Det er et meget normalt ønske, når man ser bort fra det med vinduets
størrelse. Det skal nok kunne lade sig gøre.

> så det bliver så simpelt som mulig og så kompatibelt som muligt?

Hmm, simpelt kan jeg ikke love.

Jeg har lavet et par eksempler hvor siden med linket finde billedets
størreslse.

I det første eksempel åbnes vinduet med det samme, og det resizes
så til billedets størrelse. Det giver lidt problemer med IE, da
resize-funktionen ændrer de ydre mål af vinduet, ikke de indre.
<URL:http://www.infimum.dk/privat/imgpopup.html>

Det andet eksempel venter med at åbne vinduet til billedet er loadet.
Open-funktionen er baseret på de indre mål, så billedet præcist passer.
Det kan give problemer med Mozillas popup-blokker, da vinduet ikke åbnes
med det samme når man trykker.
<URL:http://www.infimum.dk/privat/imgpopup3.html>

Håber det hjælper
/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
'Faith without judgement merely degrades the spirit divine.'

Martin L. Johansen (17-01-2003)
Kommentar
Fra : Martin L. Johansen


Dato : 17-01-03 11:55

Lasse Reichstein Nielsen wrote:

> Håber det hjælper

Det hjalp mig til at blive klogere - klogere på at det ikke er så simpelt
som jeg havde håbet :)

Jeg tror jeg vil nøjes med at definere størrelsen selv, da de 2 eksempler du
gav, virkede forskelligt i Mozilla og Konqueror.

Takker for hjælpen! :)

--
Martin L. Johansen

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

Månedens bedste
Årets bedste
Sidste års bedste