Boton que no actualice la pagina

Diodo · #1 (**permalink**) 02/05/2007, 04:12

Hola a todos

Quizas lo que vaya a preguntar sea una tonteria o no se pueda realizar... pero llevo apenas 3 dias mirando como funciona esto del asp.net y estoy un poco perdido

La cuestion es la siguiente:

Tengo una aplicacion en asp.net con un boton y un div donde meto un javascript que carga un mapa de google maps:

El codigo del aspx es el siguiente:

Código:

<script src=" direccion src google"
 type="text/javascript"></script>
 
<script type="text/javascript">
//<![CDATA[
function load() {
 if (GBrowserIsCompatible()) {
   var map = new GMap2(document.getElementById("map"));
   map.setCenter(new GLatLng(37.4419, -122.1419), 13);
 
}
//]]>
</script>

 <script type="text/javascript">
//<![CDATA[
function otraPos() {
 if (GBrowserIsCompatible()) {
   var map = new GMap2(document.getElementById("map"));
   map.setCenter(new GLatLng(36.4419, -122.1419), 13);
 }
 
}
//]]>
</script>

<html>
<head runat="server">
   <title>Página sin título</title>
</head>
<body onload="load()" onunload="GUnload()">

   <form id="form1" runat="server">
   <div>
       <asp:Button ID="Button1" runat="server" Style="z-index: 100; left: 540px; position: absolute;
           top: 15px" Text="Boton" />
   </div>
   <div id="map" style="width: 500px; height: 300px"></div>
   </form>
</body>
</html>

Y el codigo del aspx.vb es el siguiente:

Código:

Partial Class _Default
   Inherits System.Web.UI.Page

   Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click
       Button1.Attributes.Add("onclick", "javascript:otraPos();")
   End Sub
End Class

Donde simplemente se lanza la funcion javascript "otraPos" que deberia poner el mapa en otra posicion, el problema es que creo que al pusar el boton se actualiza la pagina web , entonces como en el body esta la llamada a la funcion que carga el mapa en su posicion inicial

<body onload="load()" onunload="GUnload()">

el mapa va a la posicion que le digo en "otraPos" pero como se recarga la pagina , vuelvo a verlo en la posicion inicial

Espero haberme explicado lo mejor posible.

¿Se puede hacer que un boton no actualice la pagina y que simplemente lance el javascript que debe mover el mapa de google?

Si no se puede...... como hariais para tener un boton y dos textbox (uno para longitud y otro para latitud) y que al pulsar el boton te llevara a esas coordenadas??

Si alguien puede ayudarme, muchas gracias ¡¡¡

salu2

hariam · #2 (**permalink**) 02/05/2007, 08:59

hola.

te voy a dar una idea macaronica pero te va a servir, si lo que quieres es que no se te actualice la pagina puedes ponerle al boton que valide un control que siempre este falso.

por ejemplo:
creas un texbox con un control de validacion asignado(un Requiredfieldvalidators) y le asignas al texbox.text =" " por defecto.

con eso logras que no se te actualize la pagina, teniendo siempre el control textbox invalido.

espero que encuentres una solucion mejor.
chao y saludos.

Yaraher · #3 (**permalink**) 02/05/2007, 11:50

Lo que tienes que hacer principalmente es utilizar el famoso: Page.IsPostBack en el Load de tu página.

De esa manera, podrás definir si el código que corre deberá hacerlo sólo si es un PostBack (una respuesta del servidor, por ejemplo, al evento del botón) o en su defecto (una carga nueva de la página) posicionarlo en su lugar original.

xknown · #4 (**permalink**) 02/05/2007, 14:13

Cita:

Iniciado por Diodo

Hola a todos

Quizas lo que vaya a preguntar sea una tonteria o no se pueda realizar... pero llevo apenas 3 dias mirando como funciona esto del asp.net y estoy un poco perdido

La cuestion es la siguiente:

Tengo una aplicacion en asp.net con un boton y un div donde meto un javascript que carga un mapa de google maps:

El codigo del aspx es el siguiente:

Código:

<script src=" direccion src google"
 type="text/javascript"></script>
 
<script type="text/javascript">
//<![CDATA[
function load() {
 if (GBrowserIsCompatible()) {
   var map = new GMap2(document.getElementById("map"));
   map.setCenter(new GLatLng(37.4419, -122.1419), 13);
 
}
//]]>
</script>

 <script type="text/javascript">
//<![CDATA[
function otraPos() {
 if (GBrowserIsCompatible()) {
   var map = new GMap2(document.getElementById("map"));
   map.setCenter(new GLatLng(36.4419, -122.1419), 13);
 }
 
}
//]]>
</script>

<html>
<head runat="server">
   <title>Página sin título</title>
</head>
<body onload="load()" onunload="GUnload()">

   <form id="form1" runat="server">
   <div>
       <asp:Button ID="Button1" runat="server" Style="z-index: 100; left: 540px; position: absolute;
           top: 15px" Text="Boton" />
   </div>
   <div id="map" style="width: 500px; height: 300px"></div>
   </form>
</body>
</html>

Y el codigo del aspx.vb es el siguiente:

Código:

Partial Class _Default
   Inherits System.Web.UI.Page

   Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click
       Button1.Attributes.Add("onclick", "javascript:otraPos();")
   End Sub
End Class

Donde simplemente se lanza la funcion javascript "otraPos" que deberia poner el mapa en otra posicion, el problema es que creo que al pusar el boton se actualiza la pagina web , entonces como en el body esta la llamada a la funcion que carga el mapa en su posicion inicial

Si simplemente se lanza la función otraPos al presionar ese botón, entonces no tiene sentido que éste sea un control de lado del servidor.., usa un elemento HTML simple (input o button)

Saludos

Diodo · #5 (**permalink**) 03/05/2007, 03:57

Gracias a todos por las respuestas ¡¡

Sigo con el mismo problema, y es que no lo veo nada claro.

Os explico mejor lo que tengo que hacer:

Al pulsar un boton debo hacer esto:

1) Acceder a una base de datos y recoger unas coordenadas, por ejemplo guardarlas en un dataset
2) Coger esas coordenadas y pasarlas a variables de javascript
3) Con esas variables de javascript mostrar los puntos en un mapa de google

Todo esto deberia hacerse sin actualizar o de forma que no me coja el onload=load() del body

salu2

hariam · #6 (**permalink**) 03/05/2007, 07:17

hola
mira prueba a almacenar las coordenadas que obtienes en session o viewstate y asi cuando hagas al post solo tienes que preguntar si existen esos valores y entonces es cuando se los pasas a las variables javascript.

espero que te sirva.

saludos.