Ir para conteúdo
Fórum Script Brasil
  • 0

(Resolvido) InnerHTML em Input text

Drandrão

Perguntado por Drandrão,

 Share

Pergunta

Drandrão

Drandrão

Postado
Postado

Olá Pessoal

Não manjo muito de JS e estou tendo q trabalhar com os mapas do google, em JS...

Estou pegando o endereço apartir de uma coordenada, para iso trabalho com uma variável, q chamei de info "info = document,getelementbyid("info")", e utilizo com ela a propriedade InnerHTML "info.innerHTML = "teste";".

Até aí tudo bem, quando mando mostrar essa variavem em uma div "<div id="info"></div>" ela mostra o valor certinho. Mas o q eu quero fazer é mostrar esse valor dentro da caixinha de texto de uma input. Ou algum outro jeito de gravar esse valor da info no BD...

Obrigado desde já...

Link para o comentário
Compartilhar em outros sites

9 respostass a esta questão

Posts Recomendados

  • 0
Drandrão

Drandrão

Postado
  • Autor
Postado

Oi Fernando...segue o código....

$i=1;    
while ($i<5){
$imagem = "iconeCarro.png";    

$x = -22.0148;
$y = -47.874;
$teste= "$x , $y";

$foto = "<img src=iconeCarro.png align='center'/>";
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
    <script src="http://maps.google.com/maps?file=api&amp;v=2.x&amp;key=ABQIAAAA9K1YkDoSv7ab5ZNpy7jKoRSNkqYZ2vhDE-J87_S4BEuTB46WEhTQ4bSutMETYeFCAGxideDhBPvI_w" type="text/javascript"></script>
     <script src="greversegeocoderv107.js" type="text/javascript"></script>
    <script type="text/javascript">

    var geocoder = null;
    // GReverseGeocoder object
    var rg;
    // text input fields
    var lat;
    var lng;
    // result div
    var info;

    function load() {
      if (GBrowserIsCompatible()) {
          
          lat = document.getElementById("lat");
        lng = document.getElementById("lng");
        info = document.getElementById("info");
        
        geocoder = new GClientGeocoder();

        showAddress("<?=$teste?>");
        
        rg = new GReverseGeocoder("map");


        GEvent.addListener(rg, "load", goodresult);
        GEvent.addListener(rg, "error", badresult);

        lat=<? echo "$x"; ?>;
          lng=<? echo "$y"; ?>;
          reverse();
          
      }
    }
    

    function goodresult(placemark) {
      var html = placemark.address; //+ '<br />' + '<b>Country code:</b> ' + placemark.AddressDetails.Country.CountryNameCode;
      info.innerHTML = html;
      var postalcodenumber = rg.getPlacemarkProperty(placemark,"PostalCodeNumber");
    }
    
    function badresult() {
      info.innerHTML = "Endere&ccedil;o Inv&aacute;lido";
      
    }
    

        var baseIcon = new GIcon(G_DEFAULT_ICON);
        baseIcon.shadow = "<?=$imagem?>";
        baseIcon.iconSize = new GSize(38, 26);//(23, 12)
        baseIcon.shadowSize = new GSize(38, 26);
        baseIcon.iconAnchor = new GPoint(38, 26);
        baseIcon.infoWindowAnchor = new GPoint(9, 2);


        function createMarker(point, index) {
          var letter = String.fromCharCode("A".charCodeAt(0) + index);
          var letteredIcon = new GIcon(baseIcon);
          letteredIcon.image = "<?=$imagem?>";

          markerOptions = { icon:letteredIcon };
          var marker = new GMarker(point, markerOptions);

          GEvent.addListener(marker, "click", function() {
            marker.openInfoWindowHtml("<?='<center>'.$foto.'</center><br><br>'.'<B>Tipo da Mensagem: </B>'.$tipo.'<br>'.'<B>Data: </B>'.$dia.'<br>'.'<B>Hora: </B>'.$hora.'<br>'.'<B>Endere&ccedil;o: </B>'?>"+info.innerHTML);
          });
          return marker;
        }
   

    function showAddress(address) {
      if (geocoder) {
        geocoder.getLatLng(
          address,
          function(point) {
            if (!point) {
              alert(address + " not found");
            } else {
              marker.openInfoWindowHtml("<?=$teste?>");
            }
          }
        );
      }
    }

    function reverse(){
      var point = new GLatLng(lat,lng);
      rg.reverseGeocode(point);
    }
    
    </script>
  </head>

  <body onload="load()" onunload="GUnload()" style="background-color='#F2EFE9'">
     
                      <div id="map"></div>

      <table>
          
            <div id="info"></div>

                           
          
      </table> 
  </body>
</html> 
<?$i++;}?>

Do jeito q está aqui ele está mostrando o info em um DIV, mas eu quero colocar ele dentro de uma caixinha de texto....

Obrigado

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,1k
    • Posts
      651,8k
×
×
  • Criar Novo...