Olika pop up på samma sida!

Posta ny tråd
jerseyko

jerseyko

Trådstartare
Jag får till så jag kan få en pop-up ruta att fungera och i rätt storlek o.s.v.

men hur gör man med flera pop-ups?

Det kommer vara till ett fotoalbum där bilderna är i miniatyr och sen öppnas i ett pop up fönster när man klickar på den.

Någon som kan/ vet?
 
Sv: Olika pop up på samma sida!

Om det bara är bilder du ska öppna i en popup-ruta skulle jag använda den här koden:

Mellan <head> och </head>:
<script type="text/javascript">
/* Detta script finns att hämta på http://www.jojoxx.net och
får användas fritt så länge som dessa rader står kvar. */

function imgPopup(url,x,y){
MyWin = window.open("","","width=" + x + ",height=" + y + ",toolbar=no,location=no,directories=no,status=no,menubar=no");
with(MyWin.document){
open();
write("<html>\n<head>\<title>Titeln på popupfönstren</title>\n</head>\n<body marginwidth=0 marginheight=0 leftmargin=0 topmargin=0 rightmargin=0>\n");
write("<img src=\"" + url + "\" width=\"" + x + "\" height=\"" + y + "\">\n");
write("</body>\n</html>\n");
close();
}
}
</script>

Mellan <body> och </body>:
<a href="JavaScript:imgPopup('storbild.jpg', bredd,höjd);"><img src="miniatyrbild.jpg" border="0" alt="bildtext"></a>

Då behöver du inte bekymra dig om att popuprutorna måste ha olika namn etc. Det är bara att länka till så många popuprutor man behöver och ändra bildadressen.
 
Senast ändrad av en moderator:
Sv: Olika pop up på samma sida!

Man kan ju såklart ha "vanliga" popuprutor om man känner för det:

<a href="#" onClick='window.open("adress.html", "namn på popuprutan", "width=bredd, height=höjd, scrollbars=no, yes eller auto");'><img src="miniatyrbild.jpg alt="bildtext"></a>

<a href="#" onClick='window.open("adress.html", "namn på popuprutan", "width=bredd, height=höjd, scrollbars=no, yes eller auto");'><img src="miniatyrbild.jpg alt="bildtext"></a>

Ha samma namn på popuprutorna om du vill att de olika sidorna ska öppnas i samma. Annars är det bara att ge dem olika namn.
 
Sv: Olika pop up på samma sida!

Vad döper man pop up rutan till?

Det ska vara i fotoalbum så alla bilder är ju inte lika stora.

Är pop up rutan bara en blank/tom sida eller ska det stå någonting i den rutan?
 
Sv: Olika pop up på samma sida!

Du ger popuprutan vilket namn som helst. Vill du ha olika popuprutor får du helt enkelt lägga in flera popuprutor med olika namn.

Själva grejen med en popupruta är att du öppnar en vanlig HTML-sida i en popupruta. Vad som ska stå i rutan skriver du alltså inte i koden utan i den sida du väljer ska öppnas.

Eftersom det är just bilder du vill öppna rekommenderar jag verkligen det första skriptet jag la in. Då behöver man inte göra en sida per bild och krångla med olika popupnamn o.s.v. Med det skriptet öppnas bilderna i ett fönster i sin rätta storlek. Väldigt smidigt!
 
Sv: Olika pop up på samma sida!

Okey, då lägger jag in den första koden "överst" och döper "Titel på popup fönster" till t.ex "Hästbilder"

Sen det andra lägger jag in som "vanligt" när man lägger in en bild/länk.
 
Sv: Olika pop up på samma sida!

Jag kanske har krånglat till det onödigt mycket nu; men antingen använder man skriptet i mitt första inlägg (rekommenderas starkt för bilder) eller också använder man skriptet i mitt andra inlägg (bra om man vill öppna HTML-sidor i en popupruta).

Använder du det första skriptet behöver du ha en kodsnutt i <head></head>. Titeln som du måste fylla i där är den titel som popuprutan får. Sedan behöver du också en kod i själva <body></body>.

Använder du det andra skriptet behöver du bara ha den kod som ska vara i <body></body>. Titeln/namnet du anger där kan vara precis vad som helst - den visas inte.
 

Liknande trådar

the_connemara
Mailröra
IT & mobiler Jag är så otroligt missnöjd med hur både Gmail och Outlook sorterar mail! Fattar inte om det bara är kassa inställningar (tycker jag...
Svar
16
· Visningar
737
Senast: the_connemara
·
Return_to_the_moon
Hjälp mig dra av plåstren!
Kropp & Själ Alltså nu har jobbiga saker hopat sig för att jag skjutit på dem. T.ex. har jag en konflikt med en nära vän. Istället för att ringa och... 2
Svar
21
· Visningar
1 289
Senast: Cattis_E
·
Fibusen
Ryggont
Kropp & Själ Har hittills klarat mig ganska bra från smärtor, det är mest migrän jag lidit av, och ett gammalt skadat knä som gjort sig påmint då och... 2
Svar
26
· Visningar
1 220
Senast: NilHe
·
R
Behandling vid anemi/järnbrist
Kropp & Själ Jag är lite nyfiken på hur det ser ut runt om i landet, då jag själv upplevt att den vård man erbjuds kan variera väldigt beroende på... 2 3 4
Svar
69
· Visningar
3 276
Senast: corzette
·

Välj ämne nedan

Ekonomi & Juridik Anläggning Hästmänniskan Gnägg Utrustning Hästvård Foder & Strö Hästhantering Träning Ridning Avel Tävling Distans Dressyr Fälttävlan Hoppning Islandshäst Körning Trav Western Övr. Grenar Hundhälsa Hundträning Hundavel & Ras Övr. Hund Katthälsa Övr. Katt Lantbruksdjur Däggdjur Övr. Djur Samhälle Juridik & Ekonomi Skola & Jobb Relationer Kropp & Själ Hemmet Trädgård & Växter Mat Kläder & Bli fin Fordon IT & Mobiler Kultur Fritid Tjatter Äldre Gravid - 1år Småbarn Övr. Barn Dagbok Hästnyheter Radannons Företag Bukefalos Bukefalosnyheter

Bukefalos, Hästnyheter, Radannonser

Allmänt, Barn, Dagbok

  • R
    Ögonfärg
    • Kropp & Själ Jag har väldigt blå ögon, min partner har melerade med liite brunt i. Våra tre barn har alla fått olika ögonfärg. Första med mörkbruna...
    • rosapantern
  • Pegasus63
    Sängproblem...
    • Hemmet Stommen är det ramverk som madrassen/erna vilar på. Madrassen/erna är den del som ligger i ramen. I en normal dubbel säng antigen en...
    • Pegasus63
  • R
    Ung kille
    • Relationer Ursäkta men vad fan är det för jävla fel på en del människor på det här forumet?! tycker ni att ni är coola som sitter bakom en skärm...
    • rosahimmel

Hund, Katt, Andra Djur

Hästrelaterat

Tillbaka
Upp