[Resolvido] Criar variável igual ao alt de uma imagem

[lls98 2]

Olá galera, eu sei que a minha dúvida parece ser bem estranha, mas o que quero fazer é bem "complicadinho" de explicar, mas se eu puder fazer isso, já irei dar um grande passo. Bom é o seguinte:

 

Tenho uma imagem linkada pelo #(não vai a lugar nenhuma) que no onclick ela chama uma função que em tese, deve receber o alt da imagem!

 

 

Eu até poderia fazer de outras maneiras, mas teria de escrever pelo menos umas 5 funções e ficaria um código "sujo" e depois caso eu quisesse fazer alguma implementação seria muito complicado...

 

Caso eu consiga capturar o alt da imagem linkada eu conseguiria escrever minha função perfeitamente, uma vez que o alt da imagem(assim como o caminho) é dinâmico, e já tem todo um sistema estruturado para fornecer valores a ele, com o Javascript eu apenas pegaria esses valores, sem precisar escrever um logaritmo específico para refazer o que eu já fiz(em php inclusive)

 

 

RESUMINDO:

Eu linkei uma imagem com "#" e coloquei onclick() chamando uma função que iria CRIAR uma variável que será igual ao valor alt da imagem que eu acabei de linkar...

isso é possível?

[William Bruno 1501]

se eu entendi, oque você quer é isso aqui:

 

 

<a href="#" onclick="alert( this.getElementsByTagName('img')[0].alt );"><img src="image.png" alt="Alt dessa imagem aqui 1" /></a>

[lls98 2]

Acho que estamos no caminho certo, mas ainda não é bem o que eu busco,eu sou iniciante em JavaScript uso mais PHP, mas como to passando uns perrengues, to tendo que aprender Javascript rs...

Vou colar parte do meu código:

<script type="text/javascript">
<!--
 function confirmar(){
  var alt = 'QUERO DECLARAR ESTA VARIÁVEL COMO O VALOR ALT DA IMAGEM QUE EU LINKAR';
   window.alert('Aqui irei criar um alert  '+ alt   );
 }

//-->

</script>

<div id="terceira"><a href="javascript:void(0);" onclick="confirmar();"><img src="<?echo$reg[2];?>.png" width="150" height="237" alt="<?echo$reg[2];?>" align="center" /></a>
 <form id="card3 "action="" method="post"><br><input type="button" value="Confirmar" onclick="confirmar()">

</form>

 

Como você pode ver no meu código, eu quero receber dinamicamente o alt da imagem que eu linkar, pois o mesmo(o alt) já é dinâmico e oriundo de um logaritmo que fiz em PHP...

[William Bruno 1501]

<div id="terceira"><a href="javascript:void(0);" onclick="confirmar( this );">

e ai no js:

 

  function confirmar( el ){
         var alt = el.getElementsByTagName('img')[0].alt;
   window.alert('Aqui irei criar um alert  '+ alt   );
 }

entendeu ?

[lls98 2]

Vou testar aqui e volto para comentar

 

NUSS, que mágica é essa '-' funcionou! Estou adorando aprender Javascript, como eu sei que eu posso passar por muitas situações como esta, se não for incomodo, poderia me responder algumas dúvidas sobre isto?

 

A primeira parte eu entendi normalmente, mas a segunda me deixou algumas dúvidas no que diz respeito ao "como-se-faz":

var alt = el.getElementsByTagName('img')[0].alt;
   window.alert('Aqui irei criar um alert  '+ alt   );

 

Antes de mesmo nada o que significa este "el"? E em seguida, este "img" pode ser usado sempre que eu estiver me referindo a uma imagem? é este a função dele?

Basicamente é só isso que eu queria saber, o "0" ali deve indicar o primeiro índice de uma array certo? Se for, já vi casos parecidos antes.

Se eu aprender como fazer isso, irei utilizar em muitos casos aqui, uma vez que estou desenvolvendo um sistema grande...

 

Muito obrigado mesmo!

[William Bruno 1501]

  function confirmar( el ){
         var alt = el.getElementsByTagName('img')[0].alt;

 

 

ok, o el vem dali, do argumento da função:

 

function confirmar( el ){

viu ele ?

e ele vem do this, lá no parâmetro que invoquei a função:

 

onclick="confirmar( this );"

entendeu ?

 

Esse el, é o mesmo que o this, ou seja, um ponteiro que aponta para o objeto da tag <A>.

 

 

ok, passado isso. Eu chamei a função: getElementByTagName(). Chamei ela apartir do el, então estou buscando uma tag IMG, dentro do objeto EL.

 

Entendeu isso ?

 

 

 

 

Depois que achei, eu acesso qualquer atributo, apenas colocando .nome_do_atributo.

Poderia ser:

 

el.href;
el.src;
el.alt;
el.title;

... e assim em diante

[lls98 2]

Entendi... valeu mesmo!