SoloCodigo

CLR: .Net / Mono / Boo / Otros CLR => ASP .NET => Mensaje iniciado por: Diodo en Miércoles 2 de Mayo de 2007, 11:52

Título: Boton Que No Actualice La Pagina
Publicado por: Diodo en Miércoles 2 de Mayo de 2007, 11:52
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: Text
  1.  
  2. <script src="http://maps.google.com/maps?file=api&v=2&key= (continua en la siguiente línea)
  3. ABQIAAAA0W1qnKmPZawZNwAw8oyZGBQZmtnc9zhYqZK_GTI3Gu4YLOLg8hSCUHpASDwI054OMWEq4Lx2AZfSkA"
  4.   type="text/javascript"></script>
  5.  
  6. <script type="text/javascript">
  7. //<![CDATA[
  8. function load() {
  9.   if (GBrowserIsCompatible()) {
  10.     var map = new GMap2(document.getElementById("map"));
  11.     map.setCenter(new GLatLng(37.4419, -122.1419), 13);
  12.   }
  13.  
  14.  
  15. }
  16. //]]>
  17. </script>
  18.  
  19.   <script type="text/javascript">
  20. //<![CDATA[
  21.  function otraPos() {
  22.   if (GBrowserIsCompatible()) {
  23.     var map = new GMap2(document.getElementById("map"));
  24.     map.setCenter(new GLatLng(36.4419, -122.1419), 13);
  25.   }
  26.  
  27.  
  28. }
  29. //]]>
  30. </script>
  31.  
  32. <html xmlns="http://www.w3.org/1999/xhtml" >
  33. <head runat="server">
  34.     <title>Página sin título</title>
  35. </head>
  36.  <body onload="load()" onunload="GUnload()">
  37.  
  38.     <form id="form1" runat="server">
  39.     <div>
  40.         <asp:Button ID="Button1" runat="server" Style="z-index: 100; left: 540px; position: absolute;
  41.             top: 15px" Text="Boton" />
  42.     </div>
  43.     <div id="map" style="width: 500px; height: 300px"></div>
  44.     </form>
  45. </body>
  46. </html>
  47.  
  48.  
  49.  

Y el codigo del aspx.vb es el siguiente:

Código: Text
  1.  
  2.  
  3. Partial Class _Default
  4.     Inherits System.Web.UI.Page
  5.  
  6.     Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click
  7.         Button1.Attributes.Add("onclick", "javascript:otraPos();")
  8.     End Sub
  9. End Class
  10.  
  11.  


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

Código: Text
  1.  
  2. <body onload="load()" onunload="GUnload()">
  3.  
  4.  

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
Título: Re: Boton Que No Actualice La Pagina
Publicado por: trentia en Viernes 4 de Mayo de 2007, 10:50
Hola,

para hacer que el click en cliente no haga postback, tienes que retornar un false en la funcion javascript:

<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);
 }
 return false;

}


Y en la parte servidor:

Button1.Attributes.Add("onclick", "javascript: return  otraPos();")

A ver si asi te funciona.

Javier Tirado
IT Consultor
TRENTIA Consulting
http://www.trentia.es (http://www.trentia.es)