1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.

Javascript - Como definir um link para cada casa de uma tabela?

Discussão em 'Programação' iniciada por Kwan, 4 de Dezembro de 2012. (Respostas: 5; Visualizações: 1070)

  1. Kwan

    Kwan Power Member

    No código de javascript em baixo alguém me consegue indicar como definir um link (<a href="new.html"></a>) em cada casa da tabela "txt" criada?


    Código:
    text += "<table border=150>"
    aa = 0	for (*****=0;*****<=5;*****++){ 
    		text += "<tr>"
    		for (ii=0;ii<=6;ii++){
    			text += "<td align=center><span id=sp" + aa + " >1</span> </td>"			
    			aa += 1
    		}
    		text += "</tr>"
    	}
    text += "</table>"
    
     
  2. xBoShY

    xBoShY Power Member

    =P
     
  3. Kwan

    Kwan Power Member

    Assim não dá, a tabela nem é apresentada dessa forma =\
     
  4. Kwan

    Kwan Power Member

    Este código funciona, apresenta-me uma tabela de 1's.

    Código:
    [COLOR=#EDEDED]var text = ""[/COLOR]
    var text = ""text = "<form name=calForm>"
    text += "<table border=150>"
    
    
    for (*****=0; *****<=5; *****++){
            text += "<tr>"
            for (ii=0; ii<=6; ii++){
                text += "<td align=center><span id=sp>1</span></td>"
            
            }
            text += "</tr>"
        }
    text += "</table>"
    text += "</form>"

    Contudo, quando tento meter um link em cada através deste código (em baixo) já não me é apresentada sequer a tabela. Alguém me sabe explicar porquê?

    Código:
    var text = ""
    text = "<form name=calForm>"
    text += "<table border=150>"
    
    
    for (*****=0; *****<=5; *****++){
            text += "<tr>"
            for (ii=0; ii<=6; ii++){
                text += "<td align=center><span id=sp [COLOR=#ff0000][B]onclick="location.href='http://www.google.com'"[/B][/COLOR]>1</span></td>"
            
            }
            text += "</tr>"
        }
    text += "</table>"
    text += "</form>"
    
     
  5. RicardoMoreira

    RicardoMoreira Power Member

    Escape characters. :)

    Ora experimenta lá alterar:
    text += "<td align=center><span id=sp onclick="location.href='http://www.google.com'">1</span></td>"

    Por isto:
    text += "<td align=center><span id=\"sp\" onclick=\"location.href='http://www.google.com'\">1</span></td>";

    Edit: No entanto, deverias utilizar links.
     
    Última edição: 11 de Dezembro de 2012
  6. Kwan

    Kwan Power Member

    Obrigado VioletFluid, funcionou =D

    Mas n percebi bem porquê...podes explicar-me?
    Escape characters?



    Edit: Já agora, como faço para que quando clico no link ele me abra em outro separador e não no separador da tabela?
    Numa "ancora"
    Código:
    [SIZE=2]<a href="www.google.com"> </a> [/SIZE]
    poderia utilizar a opção
    Código:
    target="blank"
    mas aqui não sei bem como fazer lol
     
    Última edição: 12 de Dezembro de 2012

Partilhar esta Página