[asp.net] caricamento pagina web

**rafpas** · 21-11-2007, 14:35

ciao ragazzi,

vi espongo il mio probema.....

In una tabella auto oltre alla marca modello ecc. ho anche 5 foto dell'auto.
Leggo dalla tabella queste 5 foto in formato jpg di dimensioni piccole e le mostro su 5 imagebutton.
Sopra un panel nascosto quando clicco su una delle foto piccole mi appare una foto di dimensioni piu grandi sempre mostrata su imagebutton. il problema è ogni volta che faccio clic su una delle foto mi aggiiorna sempre la pagina, io vorrei evitare il caricamento della pagina. Premmetto che il databind che mi fa apparire le foto viene effetuato nel evento page_load dentro dell'istruzione
If Not (IsPostBack) Then
bindata()
end if
Accetto tutti i consigli possibili per evitare sempre il caricamento della pagina.
prima che il cliente mi fa impazzire....

grazie a tutti

nota: e da poco che sono passato al asp.net e non ho molta esperienza

**FiOrEbAt** · 21-11-2007, 14:45

puoi crearti una funzioncina in jsp, oppure usa il semplicissimo framework ajax di asp.net

http://ajax.asp.net

per capire come modificare il tuo sito esistente segui la guida di questo video:

http://www.asp.net/learn/ajax-videos/video-81.aspx

**rafpas** · 21-11-2007, 14:57

ciao fiorebat,
per vedere il video mi sono scaricato microsoft silverlight pero io ho explorer 6.0 e win 2000 r mi dice che non è sopportato

altra soluzione per vedere il video

grazie

**pietro09** · 21-11-2007, 15:34

Io ti propongo una soluzione "tradizionale". Le miniature non le vedo tramite input di tipo image, ma dentro il tag img direttamente.

Per vedere l'immagine ingrandita poi, non ho bisogno di fare due chiamate al server: me ne basta una. O scelgo di visualizzare l'immagine dentro un popup, o scelgo di visualizzarla dentro un div, che renderò visibile o meno.

Tanto per fare un esempio semplice ma concreto, ti mando questo codice. Con un po' di pazienza, si può utilizzare lightbox http://www.huddletogether.com/projects/lightbox/

codice:

<%@ Page Language="VB" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script runat="server">

</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Pagina senza titolo</title>

    <script language="javascript" type="text/javascript">
// <!CDATA[
function mostra_immagine(src)
{
    document.getElementById("div1").innerHTML = '[img]' + src + '[/img]';
}


// ]]>
</script>
</head>
<body>
    <form id="form1" runat="server">
        <a href="/ProveNikon/images/IMG_5.jpg" target="_self" onclick="mostra_immagine('/ProveNikon/images/IMG_5.jpg');return false;">
            [img]/ProveNikon/images/miniature/IMG_5.jpg[/img]
        </a>
        <a href="/ProveNikon/images/IMG_6.jpg" target="_self" onclick="mostra_immagine('/ProveNikon/images/IMG_6.jpg');return false;">
            [img]/ProveNikon/images/miniature/IMG_6.jpg[/img]
        </a>
        <a href="/ProveNikon/images/IMG_7.jpg" target="_self" onclick="mostra_immagine('/ProveNikon/images/IMG_7.jpg');return false;">
            [img]/ProveNikon/images/miniature/IMG_7.jpg[/img]
        </a>
    </form>
    <div id="div1" ></div>
</body>
</html>
<script>

</script>

**rafpas** · 21-11-2007, 16:15

grazie pietro,

appena ho un po di tempo faccio una prova, comunque la visualizzazione dento il popup e da scartare perche il cliente non vuole....

saluti
rafpas

**pietro09** · 21-11-2007, 16:19

quello di sotto è una variante con ligthbox

codice:

<%@ Page Language="VB" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script runat="server">

</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Pagina senza titolo</title>

	<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
	
	<script src="js/prototype.js" type="text/javascript"></script>
	<script src="js/scriptaculous.js?load=effects" type="text/javascript"></script>
	<script src="js/lightbox.js" type="text/javascript"></script>
</head>
<body>
    <form id="form1" runat="server">
        <a href="/ProveNikon/images/IMG_5.jpg" rel="lightbox">
            [img]/ProveNikon/images/miniature/IMG_5.jpg[/img]
        </a>
        <a href="/ProveNikon/images/IMG_6.jpg" rel="lightbox">
            [img]/ProveNikon/images/miniature/IMG_6.jpg[/img]
        </a>
        <a href="/ProveNikon/images/IMG_7.jpg" rel="lightbox">
            [img]/ProveNikon/images/miniature/IMG_7.jpg[/img]
        </a>
    </form>
    <div id="div1" ></div>
</body>
</html>

**FiOrEbAt** · 21-11-2007, 18:10

silverlight

NooooOoOOOoOOOooOOOOoOooOOOO

silverlight

VVoVe: non centra!!

devi scaricare AJAX .NET Extensions 2.0 che dovrebbe essere in questo link

http://www.microsoft.com/downloads/d...displaylang=en

**FiOrEbAt** · 21-11-2007, 18:13

Originariamente inviato da rafpas

altra soluzione per vedere il video

grazie

silverlight è un altro metodo di programmazione web, che pubblicizzano ovunque.. per vedere il video devi premere il pulsante "watch video" o "download video"

Discussione: [asp.net] caricamento pagina web

Strumenti discussione

Ricerca discussione

Visualizza

[asp.net] caricamento pagina web

Permessi di invio