ASP/Javascript. Ladda upp en bild i img-ruta.

9 svar · 297 visningar · startad av jvc_man 5 dec. 2003

jvc_manMedlem sedan okt. 2003165 inlägg

Frågan5 dec. 2003 11:04#1

Tjena!

Jag har en tabell på en asp-sida. I tabellen finns namnet på olika saker med lite info i de andra columerna.
När jag klickar på deras namn så kommer det upp en bild till höger, jag använder mig av ett javascript för den funktionen.

Följande kod:
____________________________________________________

<a href="javascript:Visa('<%=RecSet("Bild")%>','<%=RecSet("Width")%>','<%=RecSet("Height")%>');"><% =RecSet("Namn") %></A>
____________________________________________________

Sedan ser javascriptet ut så här:
____________________________________________________

function Visa(bildNamn,widt,heig) {
document.bild.width = widt;
document.bild.height = heig;

if (ns3upp || ie4upp) {
imgOn = ("" + bildNamn);
document.bild.src = imgOn;
}
}
____________________________________________________

Själv bildrutan ser ut så här:
____________________________________________________

<img name="bild" src="bilder/starbg1.jpg" border="0" width="190" height="155" vspace="0" hspace="11">
____________________________________________________

Dock är det som jag undrar, hur skall jag göra för att följande skall ske:

När jag klickar på bilden, dvs när den visas i "bild-rutan" så skall det komma upp ett nytt separat fönster där bilden visas i störra format. Om ursprungsbilden, dvs den som visas heter "bild.gif" så heter den stora "bild(big).gif". Detta av anledningen att jag tänkte att man kunde ta sökvägen till bilden som redan används i javascriptet och lägga dit "(big)" för den stora bilden ligger i samma mapp ju.

Dock är jag inte så bra på javascript, så om någon kunde vara super schysst och hjälpa mig med detta problem, eller om någon kanske vet någon bättre lösning på det hela.

Har ju också tänkt tanken att alla inte använder sig om javascript när de surfar, dvs vissa har kanske stängs av det, då kommer inte denna funktion att funka, men med tanke av att väldigt mycket på sajten är i javascript, så får de antingen aktivera det eller skylla sig själva...

Hoppas någon kan hjälpa mig, antingen om ni utvecklar funktionen i javascript eller om ni utvecklar den i asp som alltid funkar oberoende av surfarens inställningar...

Mvh Björn M

jvc_manMedlem sedan okt. 2003165 inlägg

5 dec. 2003 11:16#2

Det som jag själv tänkte var att om mam kunde spara bildens-länk (RecSet(bild)) utanför javascriptet så kunde denna sparas i en Session och sedan användas när man klicka på bilden, då kunde man ha en vanliga <A href> när man klickar på bilden och när den nya sidan öppnas använder man sig utan session:en...

Men hur ska jag komma utanför javascriptet när jag använder satsen i <a href> med javascriptet, kan man ha fler saker i en <a href> än bara en, dvs ex. separera med AND eller & ???

Hoppas någon kan hjälpa mig!

Mvh

jvc_manMedlem sedan okt. 2003165 inlägg

5 dec. 2003 13:54#3

Hoppas någon kan svara....

Det borde inte vara så svårt om man är duktig på att göra och kalla på egna funktioner, dock är jag inte så skarp på det...

Mvh

jvc_manMedlem sedan okt. 2003165 inlägg

6 dec. 2003 17:27#4

...kan ingen svara på denna fråga...

Måste väl finnas någon som é riktigt grym samt schyst! ;)

Mvh

BrimbaMedlem sedan dec. 19995 874 inlägg

6 dec. 2003 17:40#5

Du vill alltså visa den stora bilden i ett nytt fönster om du klickar på den lilla bilden?

Då räcker det att du gör såhär:

<a href="bilder/starbg1(big).jpg" target="_blank"><img name="bild" src="bilder/starbg1.jpg" border="0" width="190" height="155" vspace="0" hspace="11"></a>

Lycka till!

SebbeMedlem sedan jan. 20032 285 inlägg

6 dec. 2003 17:40#6

Kanske såhär?

<a href="javascript:Visa('<%=RecSet("Bild")%>','<%=RecSet("Width")%>','<%=RecSet("Height")%>');"><% =RecSet("Namn") %></A>

function Visa(bildNamn,widt,heig) {
  document.bild.width = widt;
  document.bild.height = heig;

  if (ns3upp || ie4upp) {
    imgOn = ("" + bildNamn);
    document.bild.src = imgOn;
  }

  document.getElementById('stor').href = bildNamn.substr(0, bildNamn.length - bildNamn.indexOf(".")) + "(big)." + bildNamn.substr(bildNamn.length - bildNamn.indexOf(".") + 1, bildNamn.length);
}

<a href="#" id="stor" target="_blank"><img name="bild" src="bilder/starbg1.jpg" border="0" width="190" height="155" vspace="0" hspace="11"></a>

jvc_manMedlem sedan okt. 2003165 inlägg

7 dec. 2003 19:35#7

Tjena!

Tack för ert svar, verkade väldigt bra till en början, dock blev sökvägen till den stora bilden:

/Foto/bild.gif(big).

så det blev inte riktigt rätt, det korrekta skulle vara: bild(big).gif

Jag skall själv föröska formulera om koden, men som saht så är jag ej så grym på den typen av kod...

Tack och hoppas antingen du eller någon annan eller jag själv fixar det!

OBS: Det är följande sats som inte är riktigt rätt:

document.getElementById('stor').href = bildNamn.substr(0, bildNamn.length - bildNamn.indexOf(".")) + "(big)." + bildNamn.substr(bildNamn.length - bildNamn.indexOf(".") + 1, bildNamn.length);

Mvh Björn M

SebbeMedlem sedan jan. 20032 285 inlägg

7 dec. 2003 19:45#8

Verkar konstigt, det funkade utmärkt när jag testade själv. Har inte tid att kolla på det just nu, men får väl ta och göra det lite senare. :)

jvc_manMedlem sedan okt. 2003165 inlägg

7 dec. 2003 19:55#9

Tack tack, skall själv kolla på det snart också, skriver dock om jag klarar ut det! =)

Mvh

jvc_manMedlem sedan okt. 2003165 inlägg

7 dec. 2003 20:32#10

Fixade det med lite hemmabrukskod, dvs , hehe, lite snickeri...

document.getElementById('stor').href = bildNamn.substr(0, bildNamn.length - 4) + "(big)." + bildNamn.substr(bildNamn.length - bildNamn.indexOf(".") + 1, bildNamn.length) + "gif";

Mvh Björn, Tack!