Modificar DIVs con javascript

[cslbcn]

Hola. Estoy intentando introducir informacion dentro de un div mediante una función y no me funciona... Es posible hacerlo? El código de debajo es el que uso

Código Javascript:

document.write("<div id='ID'></div>")
 
//evento onClick
document.getElementById("ID").innerHTML = iContenido();
//fin evento onClick
 
function iContenido(){
    document.write("hola");     
}
 

[David]

Dentro de la función no tiene sentido usar document.write() ya que lo quieres es devolver un valor:

Código Javascript:

function iContenido() {
    return "hola";
}
 

[jackson666]

Iniciado por cslbcn

Hola. Estoy intentando introducir informacion dentro de un div mediante una función y no me funciona... Es posible hacerlo? El código de debajo es el que uso

Código Javascript:

document.write("<div id='ID'></div>")
 
//evento onClick
document.getElementById("ID").innerHTML = iContenido();
//fin evento onClick
 
function iContenido(){
    document.write("hola");     
}
 

Eso te funciona? Llamas a una funcion que todavia no esta definida... Ademas pones de comentario "evento onclick", ese no es un evento onclick...

Ordenado (y con la correccion de David), te quedaria:

Código Javascript:

document.write("<div id='ID'></div>")
 
 
function iContenido(){ return "hola"; }
 
//evento onClick
document.getElementById("ID").innerHTML = iContenido();
//fin evento onClick
 

[cslbcn]

y si en lugar de querer devolver una palabra quiero devolver mucha informacion? Algo como esto:

Código Javascript:

document.write("<td bgcolor='#ededed'>") ;
document.write("<table border=0 align=right>");
document.write("<tr><td height='20' width='130'></td><td width='20' align=right>" + x + "</td></tr>");
document.write("<tr><td height='20 'width='130'>" + numTarea + "</td><td width='20'></td></tr>");
document.write("<tr><td height='20' width='130'></td><td width='20'></td></tr>");
document.write("</table>");
document.write("</td>");
 

[David]

Concatenando:

Código Javascript:

return "<td bgcolor='#ededed'>" +
           "<table border=0 align=right>" +
           "<tr><td height='20' width='130'></td><td width='20' align=right>" + x + "</td></tr>" +
           "<tr><td height='20 'width='130'>" + numTarea + "</td><td width='20'></td></tr>" +
           "<tr><td height='20' width='130'></td><td width='20'></td></tr>" +
           "</table>" +
           "</td>";
 

[cslbcn]

mmmmmm interesante

Gracias!!

[cslbcn]

otro problemilla...
Se puede

Código Javascript:

return "<table><tr>"
            
                for (x = 1; x ==7; x++){
                    
                    "<td>d</td>"
                
                 }
                 
                "</tr></table>"
 

Esto no funciona.. se puede poner codigo como un for o un if entremedio de un return?

[David]

Guarda el resultado en una variable y después lo devuelves:

Código Javascript:

var resultado = "<table><tr>";
for (x = 1; x == 7; x++) {
    resultado += "<td>d</td>";
}
resultado += "</tr></table>";
return resultado;
 

[cslbcn]

y como son pocas las cosas que tengo que concatenar. No puede salir nada bueno de lo que estoy haciendo... jaja

cuando lo termine lo pongo aqui

[cslbcn]

lo logré!!

Gracias David!

Código Javascript:

todo =  "<table border=1>" +   
                "<tr><td width='155'><td width='155'><td width='155'><td width='155'><td width='155'><td width='70'><td width='70'></tr>" +
                "<tr>"  
                
                for (x = 1, n = 1; x <= diasMes; x++, n++) {
                    
                    if (dia == n){
                        x=1;
               
                        if (n%7==0 || (n+1)%7 == 0){                    
                            todo += "<td bgcolor='#b5b5b5' height='70px'></td>"             
                        }
                        else{
                            todo += "<td bgcolor='#ededed'  height='70px'></td>"
                        }
                        var aux = "ok";
                    }
                    else{
                        if (aux == "ok") {           
                            if (n%7==0 || (n+1)%7 == 0)
                            {   
                                todo += "<td bgcolor='#b5b5b5'  height='70px'></td>"                
                            }
                            else {                      
                                todo += "<td bgcolor='#ededed'  height='70px'></td>"
                            }
                        }
                        else{
                            todo += "<td  height='70px'></td>"
                        }       
                    }     
                    if (n%7==0) todo += "</tr><tr>"
                }
                todo += "</table>"
                
        return todo;