Comunidad de diseño web y desarrollo en internet online

Ayuda con javascript para obtener datos de un link

Citar            
MensajeEscrito el 31 May 2011 10:28 pm
Hola a todos, tengo el siguiente codigo, el cual su funcion es que cuando le de click a una imagen aparezca en un input el link de la imagen, el problema radica que cuando tengo una imagen todo anda normal, pero cuando hay mas de una imagen al darle click me aparece "undefined"

Código Javascript :

<html>
    <head>
    <script language="JavaScript">
    <!--
    var counter = document.linky.href;

    function sendAway(){
     // document.myForm.counter.value = document.getElementById("linky");
     document.myForm.counter.value = document.links["linky"].title;
    
    }
    -->
    </script>
    </head>
    <body >
   <a href="#"  title="http://juarbo.com/wp-content/uploads/2009/08/gmail1.jpg"  id="linky" onclick="sendAway()"> <img src="http://juarbo.com/wp-content/uploads/2009/08/gmail1.jpg" height="50"  /></a>
   
    <a href="#"  title="http://www.cronicaweb.com/wp-content/uploads/2010/09/gmail_logo-300x300.png"  id="linky" onclick="sendAway()"> <img src=" http://www.cronicaweb.com/wp-content/uploads/2010/09/gmail_logo-300x300.png" height="50"  /></a>
   
       <form name="myForm">
    <input type="TEXT" size="90" value=""  name="counter">
    </form>
    </body>
    </html>


realmente no se como modificarlo, trate de obtener los datos de la imagen pero no fue posible
gracias

Por lucho0929

14 de clabLevel



Genero:Masculino  

chrome
Citar            
MensajeEscrito el 01 Jun 2011 12:57 pm

Código HTML :

<html> 
<head> 
<script language="JavaScript"> 
<!-- 
var counter = document.linky.href; 

function sendAway(ele){ 
 document.myForm.counter.value = ele.title;
} 
--> 
</script> 
</head> 
<body > 
<a href="#"  title="http://juarbo.com/wp-content/uploads/2009/08/gmail1.jpg"  id="linky" onclick="sendAway(this)"> <img src="http://juarbo.com/wp-content/uploads/2009/08/gmail1.jpg" height="50"  /></a> 

<a href="#"  title="http://www.cronicaweb.com/wp-content/uploads/2010/09/gmail_logo-300x300.png"  id="linky" onclick="sendAway(this)"> <img src=" http://www.cronicaweb.com/wp-content/uploads/2010/09/gmail_logo-300x300.png" height="50"  /></a> 

   <form name="myForm"> 
<input type="TEXT" size="90" value=""  name="counter"> 
</form> 
</body> 
</html>

Por DriverOp

Claber

2510 de clabLevel



 

opera
Citar            
MensajeEscrito el 02 Jun 2011 02:25 pm
oye muchas gracias, el codigo me sirvio a la perfeccion.
pero tengo una duda si quiero que esas imagenes sean abiertas dese un pop-up y el formulario este en la pagina, como haria para enviar infomracion a travez del pop-up para que llegue al formulario

Por lucho0929

14 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 02 Jun 2011 05:53 pm
Es por que estas usando una funcion que busca el id de un elemento, y este id esta en mas de 1 elemento, lo cual esta mal ya que solo debe existir un id del mismo nombre por pagina.

Usa el codigo de DriverOp y borra los ids del html.

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino   Anime Bloggers Premio_Secretos Team Cristalab

Front-end Developer en Washington, DC

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.