Lättast sätt att göra popups?

[Lyngan]

Hej

Jag undrar på vilket enklaste sätt jag kan göra flera popups.

Har gjort allt med tabeller. I dessa tabeller har jag bilder som jag sedan vill klicka på och få upp en popup på ca 500x500 bildpunkter.

Har lyckas med att ordna fram ett javascript men det är lite krånligt och verkar inte kopiera till flera bilder.

Det här använder jag idag

Code: Select all

<!-- Begin
function popUp() {
props=window.open('popup.htm', 'poppage', 'toolbars=0, scrollbars=0, location=0, statusbars=0, menubars=0, resizable=0, width=500, height=480 left = 100, top = 100');
}
// End -->
</script>
</head> 

Skulle uppskatta lite hjälp.
Tack på förhand

[stealth]

Tabeller och pop-ups, försöker du emigrera tillbaka till 1999 eller?

Läs på lite om hur Javascript funkar så kommer du se varför du inte kan "kopiera"

[Lyngan]

Tabeller och pop-ups, försöker du emigrera tillbaka till 1999 eller?

Läs på lite om hur Javascript funkar så kommer du se varför du inte kan "kopiera"

Onödigt inlägg.... Om jag nu kunde något annat skulle jag använda mig utav dem bättre kunskaperna?

Frågar för jag varken har tid och lust att läsa på. Kan du inte svara på frågan med något konkretare så kan du lika gärna hålla tyst.

[fantasya]

props är ett id, försöker man öppna en till med samma id så är det samma popup som påverkas. Slängde ihop något, vet inte om det fungerar men borde ge en idé hur man kan forsätta.

Code: Select all

function popUp(bildurl) {
var props=window.open('', 'poppage', 'toolbars=0, scrollbars=0, location=0, statusbars=0, menubars=0, resizable=0, width=500, height=480 left = 100, top = 100');
props.document.write(" ... lite kod här ... <img src='"+bildurl+"'>  ... lite kod här ... ");
props.document.close();
}

[Lyngan]

props är ett id, försöker man öppna en till med samma id så är det samma popup som påverkas. Slängde ihop något, vet inte om det fungerar men borde ge en idé hur man kan forsätta.

Code: Select all

function popUp(bildurl) {
var props=window.open('', 'poppage', 'toolbars=0, scrollbars=0, location=0, statusbars=0, menubars=0, resizable=0, width=500, height=480 left = 100, top = 100');
props.document.write(" ... lite kod här ... <img src='"+bildurl+"'>  ... lite kod här ... ");
props.document.close();
}

Tack, ska kolla men finns det inget lättare sätt? Hur bestämmer man måttet på en vanlig html kodad sida, vad skriver man? och hur stänger man det tack vare en knapp i själva pop-upen?

[Ramza]

props är ett id, försöker man öppna en till med samma id så är det samma popup som påverkas. Slängde ihop något, vet inte om det fungerar men borde ge en idé hur man kan forsätta.

Code: Select all

function popUp(bildurl) {
var props=window.open('', 'poppage', 'toolbars=0, scrollbars=0, location=0, statusbars=0, menubars=0, resizable=0, width=500, height=480 left = 100, top = 100');
props.document.write(" ... lite kod här ... <img src='"+bildurl+"'>  ... lite kod här ... ");
props.document.close();
}

Tack, ska kolla men finns det inget lättare sätt? Hur bestämmer man måttet på en vanlig html kodad sida, vad skriver man? och hur stänger man det tack vare en knapp i själva pop-upen?

Du kan inte sätta några restriktioner på hur stor en sida skall vara. Du kan däremot säga åt webläsaren att öppna ett (popup)fönster med angivna mått.

Code: Select all

window.open('fil.html', 'Titel', 'width=300, height=480 left = 100, top = 100'); 

Titta på koden ovan. Alternativen i options betyder:

• width: Bredden på fönstret
  height: Höjden på fönstret
  left: Vänsterjustering
  right: Högerjustering

[fantasya]

Snickrade ihop något, inte det bästa men fungerar.

Se här.
Samt här är javaskriptet: pophanteraren.js

[lither]

Onödigt inlägg.... Om jag nu kunde något annat skulle jag använda mig utav dem bättre kunskaperna?

Du frågar efter något som du inte kan och stealth gav dig ett svar om att inte använda tabeller och popups på det sättet. Du har således lärt dig något nytt och borde vara glad.

[Ramza]

Snickrade ihop något, inte det bästa men fungerar.

Se här.
Samt här är javaskriptet: pophanteraren.js

Jag har problem med offset på dina popups i Mozilla 1.7.8.

[fantasya]

Jag har problem med offset på dina popups i Mozilla 1.7.8.

Jag gjorde små justeringar men jag löste det inte helt.

Internet Explorer 6
ok

Firefox 2.0.0.7
ok

Opra 9.21
ok
Men om man uppdaterar med hjälp av F5 så lämnar den källkodningen och återgår till url:en, kanske fungerar med senare version.

Mozilla 1.7.13
Scrollbar:en är kvar.
Men om man uppdaterar popup:en/sidan så försvinner dessa.
Hur fixar man detta ?

[Lyngan]

Snickrade ihop något, inte det bästa men fungerar.

Se här.
Samt här är javaskriptet: pophanteraren.js

Jättesnällt men hur gör man om man ska länka bilderna? Blir det ett annat skript eller går det ta samma länk som du har gjort med titeltexten?

Jag har ca 2 eller 3 bilder per sida som jag ska kunna klicka på för att öppna i ett fönster på ca 500x500 som skall innehålla text samt en större bild på den bilden man har klickat på.

[fantasya]

Jättesnällt men hur gör man om man ska länka bilderna? Blir det ett annat skript eller går det ta samma länk som du har gjort med titeltexten?

Jag har ca 2 eller 3 bilder per sida som jag ska kunna klicka på för att öppna i ett fönster på ca 500x500 som skall innehålla text samt en större bild på den bilden man har klickat på.

Tanken var att det skulle vara en stor och en liten bild på samma objekt, den stora används i popup:en medans den andra används som miniatyr. Låt oss säga att du har en bild med fillnamnet "sommar.jpg" som är 500x500 px, med en text "Min snygga sommarbild." så skall du skriva följande i pophanteraren.js.

popdat["naturen"] = "bilder/natur.jpg|640|480|En solnedgång";
popdat["havet"] = "bilder/hav.jpg|493|480";
popdat["sommar"] = "bilder/sommar.jpg|500|500|Min snygga sommarbild."; <-- Nya bilden med text.

popdat["sommar"] <-- sommar är bara ett ID, måste variera mellan varje popupbild. För att öppna en popup-bild ifrån en länk, div, table eller något annat så använder du följande i tagen: onclick="popUp('sommar')"

Exempel på en div-tag:

<div onclick="popUp('sommar')">Min sommarbild</div>

En fråga, texten som du nämner. Är det en längre text som skall stå?