pinche for

mrkin · #1 (**permalink**) 06/11/2011, 17:23

Hola, hace rato que no hago esto y estoy oxidado, astante oxidado, al punto que un for me ponga problemas :( bueno... este es el punto

comparar dos cadenas de texto

Código:

<script type="text/javascript">
var enlaces = document.getElementsByTagName("a");
var dir = "http://www.prueba";
var numero = 0;

for (i=0; i <6 ;i=i+1)
{	
	b = enlaces[i].toString();
	c = b.slice(0,17);
		if (c==dir)
		{
		numero = numero + 1;
		}
		// alert(numero+" veces fueron iguales");
                //aqui funciona, pero sale cada ves que pasa por el for (no me sirve)

}
// alert(numero+" veces fueron iguales");
//aqui que es donde lo quiero, no funciona

</script>

caricatos · #2 (**permalink**) 06/11/2011, 18:20

Hola:

Hay algún "href" ¿

?

Saludos

mrkin · #3 (**permalink**) 06/11/2011, 18:41

SI, si hay "href"
aqui el completo

Código HTML:

<!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" xml:lang="es">
<head>
<title>prueba</title>


</head>

<body>

<a href="http://www.prueba1.com">1 aa</a>
<a href="http://www.prueba2.com">2 t</a>
<a href="http://www.prueba3.com">3</a>
<a href="http://www.prueba4.com">4</a>
<a href="http://www.prueba5.com">5</a>

Código Javascript:

Ver original<script type="text/javascript">
var enlaces = document.getElementsByTagName("a");
var dir = "http://www.prueba";
var numero = 0;
 
for (i=0; i <6 ;i=i+1)
{   
    b = enlaces[i].toString();
    c = b.slice(0,17);
        if (c==dir)
        {
        numero = numero + 1;
        }
        alert(numero+" veces fueron iguales");
}
 
 
</script>

</body>
</html>

mrkin · #4 (**permalink**) 07/11/2011, 16:52

Cual será el problema?
quien me ayuda?
:(
bloqqueado!!!

caricatos · #5 (**permalink**) 07/11/2011, 16:57

Hola:

Parece que no te has enterado de la solución... o al menos una cosa que tienes mal...

donde pones:

Código:

 b = enlaces[i].toString();

debes cambiar toString() por href.

enlaces[i] es un nodo del tipo enlace (yag a), y del nodo creo que solo te interesa el atributo href.

Saludos

mrkin · #6 (**permalink**) 07/11/2011, 17:14

Nada, cambie el
b = enlaces[i].toString();
por
b = enlaces[i].href;
sin embargo sigue el mismo problema

Código Javascript:

Ver originalalert(numero+" veces fueron iguales");

no funciona fuera del for

mrkin · #7 (**permalink**) 07/11/2011, 17:23

es como si la variable desapareciera cuando se acaba el for!
:(

mrkin · #8 (**permalink**) 07/11/2011, 17:37

El problema es otro,

Código Javascript:

Ver original<script type="text/javascript">
var enlaces = document.getElementsByTagName("a");
var dir = "http://www.prueba";
var numero = 0;
 
for (i=0; i <6 ;i++)
{   
    b = enlaces[i].href;
    c = b.slice(0,17);
        if (c==dir)
        {
        numero = numero + 1;
        //document.write(numero);
        }
    
}
document.write("hola");//no escribe el   "hola"
 
//alert(numero+" veces fueron iguales");
</script>
 
 
 
</body>
</html>

Carlangueitor · #9 (**permalink**) 07/11/2011, 20:32

A ver esto:

Código HTML:

Ver original<!DOCTYPE HTML>
<html lang="es-MX">
<head>
    <meta charset="UTF-8">
    <title>Prueba Enlaces</title>
</head>
<body>
    <a href="http://www.test.com">1</a>
    <a href="http://www.test.com">2</a>
    <a href="http://www.test.com">3</a>
    <a href="http://www.test.com">4</a>
    <a href="http://www.test.com">5</a>
    
    <script type="text/javascript">
        var numero = 0;
        for(i=0;i<document.links.length;i++){
            b = document.links[i].href;
            c = b.slice(0,15);
            if(c.toString() == "http://www.test"){
                numero++;
                }
            }
        alert(numero);
    </script>
</body>
</html>

Creo que el problema es cómo estás comparando las cadenas.

Saludos

JaiMe_ · #10 (**permalink**) 08/11/2011, 01:02

Lo primero:

* Antes de operar con el DOM, debes estar seguro que ha sido cargado y esta listo. Para esto puedes agregar un event handler usando window.onload (alternativamente, lo mejor seria usar el metodo addEventListener de la especificación del DOM Level 2)

* para obtener el attributo de un nodo de DOM debes usar el metodo getAttribute(<attributo>)

* El for loop se ejecuta mas veces del numero necesario, lo cual provoca un error.

Este código funciona:

Código Javascript:

Ver originalwindow.onload = function(){
    var enlaces = document.getElementsByTagName("a");
    var dir = "http://www.prueba";
    var numero = 0;
    var b, c;
 
    for (var i = 0, l = enlaces.length; i < l ;i++){   
        b = enlaces[i].getAttribute('href');
        c = b.slice(0,17);
        if (c === dir) { numero++; }
    }
    alert(numero + " veces fueron iguales");
};

Código HTML:

Ver original<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es">
  <head>
    <title>prueba</title>
    <script type="text/javascript">
      // codigo aca
    </script> 
</head>
 
<body>
 
  <a href="http://www.prueba1.com">1 aa</a>
  <a href="http://www.prueba2.com">2 t</a>
  <a href="http://www.prueba3.com">3</a>
  <a href="http://www.prueba4.com">4</a>
  <a href="http://www.prueba5.com">5</a> 
 
 
</body>
</html>

caricatos · #11 (**permalink**) 08/11/2011, 01:38

Hola:

Cita:

Iniciado por JaiMe_

* para obtener el attributo de un nodo de DOM debes usar el metodo getAttribute(<attributo>)

Para los atributos normales "estándar y no conflictivos", basta con la sintaxis del punto como el href de los enlaces.

setAttribute y getAttribute son muy útiles para añadir/leer nuestros propios atributos...

Saludos

mrkin · #12 (**permalink**) 08/11/2011, 08:44

GRACIAS a todos, ya funcionó, muy didacticos :)