obtener objeto anterior al actual ???

[catpaw]

que tal forer@s

tengo este html:

Código HTML:

<div class="publicaciones">
    	<div class="publicacion"><?php echo $publicacion; ?></div>
	<img id="tool_edit" class="tool" src="images/deptos_info/pub_edit.png" title="Editar publicaci&oacute;n" onclick="onClick(this)" />
        <img id="tool_hide" class="tool" src="images/deptos_info/pub_hide.png" title="Ocultar publicaci&oacute;n del muro" onclick="" />
        <div class="date_info"><?php echo "Publicado el ".$fecha[2]." de ".$fecha[1]." del ".$fecha[0]." a las ".$hora; ?></div>
	<div class="clear"></div>
</div> 

quiero saber como acceder al objeto anterior a la etiqueta img id tool_edit, tengo por ejemplo esta linea dentro de la funcion onclic de la misma etiqueta img:

element = element.parentNode;

pero segun yo eso me trae el div class publicaciones, necesitaría el div class publicacion, ejemplo, algo asi como

element = element.beforeNode;

aunque claro que eso no existe, como podría obtener el objeto anterior???

gracias

[ocp001a]

Supongo que tendrías que recorrer los hijos del padre de tool_edit, ir almacenando el último elemento para que cuando encuentres tool_edit, ya tengas el elemento anterior (último).

Otra opción, si ese div es el único con la clase "publicacion" buscar el elemento que tenga esta clase. Lo podrías hacer muy fácil con jquery.


Aunque la verdad, creo que sería más eficiente y directo si al div con la clase "publicacion" le colocas un id y lo referencias de forma directa.

[catpaw]

hola ocp001a

es que la etiqueta img lanza la funcion:

Código Javascript:

function onClick( element ){
    var name;
    do{
        element = element.parentNode;
    }
    while ( element && ( name = element.nodeName.toLowerCase() ) && ( name != 'div' || element.className.indexOf( 'publicacion' ) == -1 ) && name != 'body' )
 
    if ( name == 'div' && element.className.indexOf( 'publicacion' ) != -1 )
        replaceDiv( element );
}
var editor;
function replaceDiv( div ){
    if ( editor )
        editor.destroy();
    editor = CKEDITOR.replace( div, { toolbar : 'Basic' } );
}
 

que lo que hace es reemplazar todo lo que hay en el div class publicaciones por un editor pero yo quiero que lo reemplace en div class publicacion (que es el primer hijo de div class publicaciones) pero no se como referenciarlo o como acceder a el :(

para que te des una idea es esto:

http://nightly.ckeditor.com/7613/_sa...ivreplace.html

pero en lugar de que funcione con doble clic, yo quiero que al dar clic en la imagen aparezca el edito e indicarle en que div aparecer (replace)

gracias

[ocp001a]

entonces es muy sencillo:

<div class="publicacion" id="diveditor">//ponemos un id al div

luego en el onclick:

onclick="replaceDiv( document.getElementById('diveditor') );" // a replacediv le pasamos el elemento diveditor

[catpaw]

si ya habia probado así, pero como las publicaciones (div publicaciones) se genera dinamicamente de una consulta a la base de datos cada vez que doy clic a cualquier publicacion siempre se abre en el primer div generado.

Por lo que se necesita identificar desde que publicacion se dio el clic (al ser dinamicos todos tienen el mismo id) :/

Código PHP:

<?php
$query_pub="SELECT * FROM muro WHERE id_depto='$id_depto' ORDER BY date_info DESC"; /*15*/
$resultado_pub=mysql_query($query_pub) or die('Error en la consulta'.mysql_error());
while($pubs=mysql_fetch_array($resultado_pub, MYSQL_ASSOC)){
    $id_pub=$pubs['id_publicacion'];
    $publicacion=$pubs['publicacion'];
    $fecha_hora=$pubs['date_info'];
    $fecha=substr($fecha_hora,0,10);
    $hora=substr($fecha_hora,11,5);
    $fecha=explode("-",$fecha);
    switch($fecha[1]){  
        case "01": $fecha[1]="Enero"; break;  
        case "02": $fecha[1]="Febrero"; break;  
        case "03": $fecha[1]="Marzo"; break;  
        case "04": $fecha[1]="Abril"; break;  
        case "05": $fecha[1]="Mayo"; break;  
        case "06": $fecha[1]="Junio"; break;  
        case "07": $fecha[1]="Julio"; break;  
        case "08": $fecha[1]="Agosto"; break;  
        case "09": $fecha[1]="Septiembre"; break;  
        case "10": $fecha[1]="Octubre"; break;  
        case "11": $fecha[1]="Noviembre"; break;  
        case "12": $fecha[1]="Diciembre"; break;  
        default: $fecha[1]="Mes nulo"; 
    }
?>
    <div id="publicaciones" class="publicaciones">
        <div id="publicacion" class="publicacion"><?php echo $publicacion; ?></div>
    <img id="tool_edit" class="tool" src="images/deptos_info/pub_edit.png" title="Editar publicaci&oacute;n" onclick="getNodoTexto(this)" />
        <img id="tool_hide" class="tool" src="images/deptos_info/pub_hide.png" title="Ocultar publicaci&oacute;n del muro" onclick="" />
        <div class="date_info"><?php echo "Publicado el ".$fecha[2]." de ".$fecha[1]." del ".$fecha[0]." a las ".$hora; ?></div>
        <div class="clear"></div>
    </div>
<?php
}
?>
 

gracias

[ocp001a]

No veo cómo todos los ids puedan ser iguales, pero si así fuera podrías asignar un id como desees, dentro del while:

Código PHP:

while($pubs=mysql_fetch_array($resultado_pub, MYSQL_ASSOC)){
.
.
.
.
    <div id="publicaciones" class="publicaciones" id="div<?php echo $id_pub;?>" >
        <div id="publicacion" class="publicacion"><?php echo $publicacion; ?></div>
    <img id="tool_edit" class="tool" src="images/deptos_info/pub_edit.png" title="Editar publicaci&oacute;n" onclick="replaceDiv( document.getElementById(' div<?php echo $id_pub;?>') );" />
        <img id="tool_hide" class="tool" src="images/deptos_info/pub_hide.png" title="Ocultar publicaci&oacute;n del muro" onclick="" />
        <div class="date_info"><?php echo "Publicado el ".$fecha[2]." de ".$fecha[1]." del ".$fecha[0]." a las ".$hora; ?></div>
        <div class="clear"></div>
    </div>
<?php
}
?>
 

o bien

Código PHP:

$x=0;
while($pubs=mysql_fetch_array($resultado_pub, MYSQL_ASSOC)){
.
.
.
.
    <div id="publicaciones" class="publicaciones" id="div<?php echo $x;?>" >
        <div id="publicacion" class="publicacion"><?php echo $publicacion; ?></div>
    <img id="tool_edit" class="tool" src="images/deptos_info/pub_edit.png" title="Editar publicaci&oacute;n" onclick="replaceDiv( document.getElementById(' div<?php echo $x;?>') );" />
        <img id="tool_hide" class="tool" src="images/deptos_info/pub_hide.png" title="Ocultar publicaci&oacute;n del muro" onclick="" />
        <div class="date_info"><?php echo "Publicado el ".$fecha[2]." de ".$fecha[1]." del ".$fecha[0]." a las ".$hora; ?></div>
        <div class="clear"></div>
    </div>
<?php
$x++;
}
?>
 

[catpaw]

Ya quedo :D muchas gracias

el div quedo con el id="publicacion<?php echo $id_pub; ?>"

y en la imagen

onclick="replaceDiv('publicacion<?php echo $id_pub; ?>')"

Y funciona de maravilla

Me estaba complicado de más, aunque la funcion que busca el nodo esta muy interesante

:)