Liten popup rute

[harald_]

hvordan mekker jeg sånn at når man trykker på en link kommer det opp et lite vindu på for eks. 200x150px uten adressefelt osv?

 

eidt: topic

Endret 28. april 2004 av harald_

[enden]

Dette er litt mer avansert, men er du litt nevenyttig med programmering så ta en titt på bildePopupscriptet på disabused

[pgdx]

Spesielt "Liten popup rute, who to"...

 

enden: Du har ingen who tos på den siden, bare how tos!

[enden]

God bumping Toolshed

 

Harald - fikk du til noe siden det ble så stille på deg? Har tid til å være litt mer behjelpelig idag, hvis det trengs

 

 

edit; det med bumping var positivt mednt, da jeg helt hadde glemt stakkars Harald

Endret 28. april 2004 av enden

[pgdx]

Bumping og bumping... Det var bare gått 11 timer, eller noe slikt...

[harald_]

Asså, nå er ikke engelsk min sterke side akkurat

 

edit: jeg får 503 error på flere av howto'ene

er det mulig å bruke det til å åpne noe annet enn bilder?

Endret 28. april 2004 av harald_

[pgdx]

er det mulig å bruke det til å åpne noe annet enn bilder?

Jada... Det er mulig. Prøv denne lenken, da: http://www.disabused.com/index.php?page=bildePopup

[enden]

Men vi tar det manuelt vi

Lykke til med lesingen, og bare spør hvis du får problemer. Beklager at jeg brukte så lang tid på et skikkelig svar til deg, men jeg jobber 13 timer i døgnet for tiden

 

 

Cluet for å åpne et nytt vindu ligger i javascript. Du trenger et eget script som trigges av en hendelse i HTML-dokumentet ditt. Denne hendelsen kan være alt fra at en bruker klikker på en link til at vedkommende bare fører musen over et bilde. Disse hendelsesattributtenen kan vi komem tilbake til senere.

 

Skriptfunksjonen som åpner et nytt vindu i javascript er window.open()

Skriptet tar imot tre tekststrenger som parametre.

• Den første er URL-en til siden du vil at skal vises fram
  
• Den neste er tittelen du vil at skal stå øverst - akurat som at det står "forum" på denne siden
  
• Den siste tekststrengen inneholder diverse ting, som f.eks. om du vil ha menyer, rullefelt, statuslinje osv
  

La oss ta et eksempel:

<script type="text/javascript">
<!--
function emo_pop()
{     window.open('index.php?act=legends&CODE=emoticons&s=','Legends','width=250,height=500,resizable=yes,scrollbars=yes'); 
}
-->
</script>

Her er et script hentet ut fra forumet (smilpopupen fra hurtigsvar). Scriptet ligger inni en scriptblokk innenfor head taggene. Det defineres en function emo_pop(), og det er denne som kalles fra koden et sted.

 

Du ser at hver tekststreng i window.open() står mellom enkle fnutter (') og er skilt med komma (,)

• URL: index.php?act=legends&CODE=emoticons&s=
  
• Tittel: Legends
  
• Properties: width=250,height=500,resizable=yes,scrollbars=yes
  

Her åpnes en idiotisk PHP side som det ikke er mulig å skjønne hva gjør (du kan godt bruke http://www.vg.no hvis det er mer fornuftig). Tittelen settes til "Legends" og man velger at vidden på popupen skal være 250px, høyden skal være 500px, det skal være mulig å endre størrelsen og rullefeltene skal være synlige.

 

Her på forumet kjøres scriptet fra en vanlig link, og koden for dette er

<a href='javascript:emo_pop()'>Vis alle</a>

 

Edit; legger til en URL til en side som forklarer alt på engelsk. Der står lista over alle properties du kan putte inn i den siste tekststrengen

http://javascript.about.com/library/weekly/aa031203a.htm

Endret 29. april 2004 av enden

[gather]

<a href="javascript: void window.open('filnavn','_blank','toolbar=no,status=no,menubar=no,scrollbars=no,resizable=no,directories=no,location=no,width=200,height=150')">

 

Håper denne er til hjelp

[harald_]

Thx, gather det funka

 

enden: det er vel ikkeno point å ha mere kode enn nødvendig?

[enden]

Tja, tror på å lære folk å fiske framfor å gi de en fisk hver gang de er sultne

 

Det er mye morsommere å lære noe enn å bare ta blindt imot hjelp...

Ble litt skuffet nå

[gather]

Hehe skal skrive en artikkel om ulemper og fordeler ved popups.... å hvordan lage dem på den nye versjonen av mine hjemmesider

[enden]

heh, me to

Allerede skrevet en mellomlang avhandling om usability og pup-ups i rapporten til hovedoppgaven min :urk:

[Christian_]

Den her er mye lettere så slipper du å tenke på å lime inn i head osv... her er bare EN kone du trenger å lime inn......

<a href="SIDEN.HTML"

onClick="gallery=window.open('SIDEN.HTML','index','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=300,height=450'); return false;">TEXT LINK</a> 

[enden]

Du så gather sitt innlegg ikke sant?

[Zethyr]

Den her er mye lettere så slipper du å tenke på å lime inn i head osv... her er bare EN kone du trenger å lime inn......

:!:

[Christian_]

Den her er mye lettere så slipper du å tenke på å lime inn i head osv... her er bare EN kode du trenger å lime inn......

:!:

ok alle gjør feil en gang i blant

[Zethyr]

Den her er mye lettere så slipper du å tenke på å lime inn i head osv... her er bare EN kone du trenger å lime inn......

:!:

ok alle gjør feil en gang i blant

bare synd at ikke alle er like morsomme