Fetstil Fetstil Kursiv Understrykning linje färgläggning tabellverk Punktlista Nummerlista Vänster Centrerat högerställt Utfyllt Länk Bild htmlmode
  • Forum & Blog
    • Forum - översikt
      • .Net
        • asp.net generellt
        • c#
        • vb.net
        • f#
        • silverlight
        • microsoft surface
        • visual studio .net
      • databaser
        • sql-server
        • databaser
        • access
        • mysql
      • mjukvara klient
        • datorer och komponenter
        • nätverk, lan/wan
        • operativsystem
        • programvaror
        • säkerhet, inställningar
        • windows server
        • allmänt
        • crystal reports
        • exchange/outlook
        • microsoft office
      • mjukvara server
        • active directory
        • biztalk
        • exchange
        • linux
        • sharepoint
        • webbservers
        • sql server
      • appar (win/mobil)
      • programspråk
        • c++
        • delphi
        • java
        • quick basic
        • visual basic
      • scripting
        • asp 3.0
        • flash actionscript
        • html css
        • javascript
        • php
        • regular expresssion
        • xml
      • spel och grafik
        • DirectX
        • Spel och grafik
      • ledning
        • Arkitektur
        • Systemutveckling
        • krav och test
        • projektledning
        • ledningsfrågor
      • vb-sektioner
        • activeX
        • windows api
        • elektronik
        • internet
        • komponenter
        • nätverk
        • operativsystem
      • övriga forum
        • arbete karriär
        • erbjuda uppdrag och tjänster
        • juridiska frågor
        • köp och sälj
        • matematik och fysik
        • intern information
        • skrivklåda
        • webb-operatörer
    • Posta inlägg i forumet
    • Chatta med andra
  • Konto
    • Medlemssida
    • Byta lösenord
    • Bli bonsumedlem
    • iMail
  • Material
    • Tips & tricks
    • Artiklar
    • Programarkiv
  • JOBB
  • Student
    • Studentlicenser
  • KONTAKT
    • Om pellesoft
    • Grundare
    • Kontakta oss
    • Annonsering
    • Partners
    • Felanmälan
  • Logga in

Hem / Forum översikt / inlägg

Posta nytt inlägg


PopUp Bild

Postades av 2005-04-19 23:56:21 - Hector Hernandez, i forum javascript/dhtml, Tråden har 16 Kommentarer och lästs av 944 personer

tjenare!!

jag har 2 st frågor angående popUp

jag anväder mig av denna script till popUppen:
<code>
<script language="JavaScript">

function NewWin(url,name,settings)
{
window.open(url,name,settings)
}
</script>
</code>

Jag anropar function så här:
<code>
<img src="bild1.jpg" width="33" height="50" onclick="NewWin('bild.jpg','bild','width=240,height=360')"/>
</code>

<b>Första frågan:</b>
Vad och hur ska jag skriva i functionen om jag alltid vill att popUppen ska komma först / alltid vara överst... så att den inte öppnas i bakgrunden.

och så....<b>andra frågan:</b>
i popuppen öppnas inte en ny sida(en htm - sida tex.)... utan enbart en Bild (jpg).

det jag vill att användaren ska kunna göra är att när han klickar på bilden så stängs den

Går det att göra så via javascript?? jag vet ju i varje fall att man ska använda onClick, men som jag nämde vet jag inte vart jag i sånna fall skulle placera Onclick, eftersom det är en enkel jpg bild som poppas up...

GÅR DET ???


mvh // hector


Svara

Sv: PopUp Bild

Postades av 2005-04-20 01:52:38 - Göran Andersson

1.
Använd '_blank' som namn på fönstret, så öppnas alltid ett nytt fönster. Ifall du använder 'bild' som namn och det redan finns ett fönster öppet med det namnet så kommer sidan att öppnas i det fönstret.

2.
För att kunna använda javascript i popupen så måste du öppna en sida istället för att öppna bilden direkt. Du kan öppna popupen och lägga in sidan i den, typ så här:

w = window.open('', '_blank', settings);
w.document.write('<html> ... koden för sidan ... </html>');
w.document.close();

I koden för sidan lägger du en img-tagg som visar bilden, och i den kan du lägga onclick="window.close()" för att popupen ska stängas när man klickar på bilden.


Svara

Sv:PopUp Bild

Postades av 2005-04-20 18:55:44 - Hector Hernandez

ok... hmmm... just nu befinner jag mig på jobbet, och kan därmed inte testa förrens jag kommer hem.

men... skulle du kunna förklara mer nogrant.

1. om jag förstått rätt... så det är ju inte heller meningen att användaren ska klicka up flertal popUp fönster. Och att det ska öppnas i samma fönster är egentligen så jag vill... det ända jag ville att den inte ska hammna i bakgrunden, utan att den alltid ska vara första fönster, när man gör en onclick på bilden.

2. Förstår delvis din ide... men hur är det egentligen meningen att jag ska skicka med bildens sökväg? jag ska väl inte göra en massa:

w = window.open('', '_blank', settings);
w.document.write('<html> ... <img src=bild1.jpg onclick=window.close> ... </html>');
w.document.close();

samma sak för bild2 osv osv... förstår du hur jag menar.?

har vaga minnen om det men jag för mig att det var nåt med set focus att göra. har jag rätt??

mvh hector


Svara

Sv: PopUp Bild

Postades av 2005-04-20 19:17:43 - Göran Andersson

1.
Testa metoden focus:

w = window.open('', name, settings);
...
w.focus();

2.
Använd variabeln url i strängen:

w.document.write('<html> ... <img src="'+url+'" onclick="window.close();"> ... </html>');


Svara

Sv:PopUp Bild

Postades av 2005-04-20 19:58:55 - Anna-Karin Söderberg

Kolla på http://www.cougarit.net/hostage/gallery/index.asp där har jag ett fotogalleri, men jag "öppnar" bilden i en div istället, sen gör jag en länk av bilden, klickar man på den så göms lagret.


//Anna-Karin


Svara

Sv: PopUp Bild

Postades av 2005-04-20 23:55:51 - Hector Hernandez

hmmm trevlig allternativ att jag inte tänkt på det tidigare... men hur pass kompatibel är den?

mvh hector


Svara

Sv:PopUp Bild

Postades av 2005-04-21 00:02:31 - Hector Hernandez

bra... nu är jag en bit på vägen

1. Funkar... tack för det

2. Men jag förstår forfarande inte hur och var ifrån värdet skickas från variabeln

mvh //hector


Svara

Sv: PopUp Bild

Postades av 2005-04-21 01:22:24 - Göran Andersson

2. Hur menar du?


Svara

Sv:PopUp Bild

Postades av 2005-04-21 07:25:32 - Hector Hernandez

allstå sökvägen <img src="<b>bild1.jpg</b>" onclick:"window.close();">
jag för står inte hur den hämtas till varaibeln så att säge... eller hänger den med automatisk?
det är där jag inte förståt

mvh hector


Svara

Sv:PopUp Bild

Postades av 2005-04-21 07:28:46 - Anna-Karin Söderberg

Den fungerar i IE och FF, mitt javascript gör en kontroll av vad webbläsaren klarar av så den borde fungera även i andra webbläsare. Tyvärr så sitter man ju inte med alla webbläsare som finns så att man kan testa av sidorna.

Jag vet att det fanns en tjänst förut på nätet där man kunde få se sina sidor i olika webbläsare.


//Anna-Karin


Svara

Sv:PopUp Bild

Postades av 2005-04-22 22:52:45 - Hector Hernandez

Ursäkta göran men... är du kvar i tråden???

det är ju nästan klart...


Svara

Sv: PopUp Bild

Postades av 2005-04-22 23:04:51 - Göran Andersson

Du skickar ju namnet på bilden i anropet till funktionen.


Svara

Sv:PopUp Bild

Postades av 2005-04-24 08:02:36 - Hector Hernandez

ju nu fattar jag... ska ta och testa...


Svara

Sv: PopUp Bild

Postades av 2005-04-24 19:36:06 - Hector Hernandez

Greeatt....fan va coolt det funkar tackar så jätte mycket Göran för hjälpen

och så sista frågan innan jag sätter tråden som löst..

i bildgalleri på http://www.allterior.se
så har jag 2 typer av bilder... med olika storlelar
-------------------------------------------------------------
liten bild stor bild
Bild typ 1 75*50 400*297 (Liggande bild)

Bild typ 2 33*50 220*330 (Stående bild)
--------------------------------------------------------------
som ni ser så fungerar javascripten-principen fint fint, gällande onmouseover, onclick osv

men en liten bugg har jag märkt och det är lite störande.
Befinner sig anvädaren i bild typ 1, i bildgalleri allstå, och gör en onclick på den så öppnas bilden i en popup

Men om användaren inte klickar på bilden i popupen, onclick="window.close(); , för att stänga popuppen, utan direkt gör en onmouseover på nästa bild "bild typ 2" (fortfarande i bildgalleri)

Då dyker problemet:
... och det är att bildens settings, på width & height inte hänger med. utan att popuppens föregående settings stannar kvar... och det är inte fint att ha en bred popup med en stående bild... och viceversa.

hoppas att det finns en lösning på det!!!!
//Hector


Svara

Sv:PopUp Bild

Postades av 2005-04-24 20:35:44 - Göran Andersson

Du kan ju ha olika namn på de vertikala och horisontella fönstren.


Svara

Sv: PopUp Bild

Postades av 2005-04-24 21:53:35 - Hector Hernandez

Jo jag misstänkte det... men med tanke på att alla bilder ligger uppe, så blir det en jädrans jobb ändra alla sidors onclick..

men går det kanske inte göra på nåt annat vis.?

jag menar att göra någonting precis som du visade mig mer <img src=+ url + ... varianten

<code>
<script language="JavaScript">

function NewWin(url,name,settings)
{
w = window.open(url,name,settings)
w.document.write('<html><head><title>Allteriör Bildgalleri</title></head><body><img src="'+url+'" onclick="window.close();"></body></html>');
w.focus();
}
</script>
</code>

det skulle vara toppen om det gick... annars får jag väl hålla mig till plan B
//Hector


Svara

Sv:PopUp Bild

Postades av 2005-04-27 21:40:03 - Hector Hernandez

Göran vet du om det går eller...???
kanske någon annan vet?

//hector


Svara

Nyligen

  • 19:55 kick-off med fokus på hälsa?
  • 19:53 kick-off med fokus på hälsa?
  • 16:24 Föreslå en skönhetsklinik online
  • 16:23 Föreslå en skönhetsklinik online
  • 18:42 Hvor finder man håndlavede lamper
  • 18:41 Hvor finder man håndlavede lamper
  • 16:36 Allt du behöver veta om keramiskt
  • 16:14 Vem anlitar man egentligen när tak

Sidor

  • Hem
  • Bli bonusmedlem
  • Läs artiklar
  • Chatta med andra
  • Sök och erbjud jobb
  • Kontakta oss
  • Studentlicenser
  • Skriv en artikel

Statistik

Antal besökare:
Antal medlemmar:
Antal inlägg:
Online:
På chatten:
4 570 721
27 958
271 751
5 778
0

Kontakta oss

Frågor runt konsultation, rådgivning, uppdrag, rekrytering, annonsering och övriga ärenden. Ring: 0730-88 22 24 | pelle@pellesoft.se

© 1986-2013 PelleSoft AB. Last Build 4.1.7169.18070 (2019-08-18 10:02:21) 4.0.30319.42000
  • Om
  • Kontakta
  • Regler
  • Cookies