Abrir un DIV especifico de una página desde otra

[gustavoghgx]

Hola, pues quiero saber como hacer un link para abrir un DIV especifico que esta dentro de una URL, pero desde otro sitio web.

[Italico76]

La pregunta es de HTML... algo como .... ?

<a href="#arriba" title="Ir Arriba">Ir arriba</a>

http://www.comocreartuweb.com/curso-.../anclajes.html

[gustavoghgx]

Gracias, lo que tu me sugieres es algo como anclar un contenedor.

Lo que yo quiero es que al hacer el enlace sólo se muestre un DIV en específico, no que se haga referencia dentro de la URL.

[Italico76]

Pues...

Seria mas facil con Javascript...... aca un pseudocodigo:

Código Javascript:

foreach DIV:
   if id!=id_buscado:  // o clase buscada
       agrear {display:none} (hidden)  // o.. height = 0
   endif
end foreach
 

Si a donde le apuntas no es de tu propiedad y no la controlas....... podrias:

1) Le apuntas con un enlace interno
2) En esa url interna a tu sitio cargas la pagina que te interesa dentro de un frame
3) Haces que tu Javascript comience a parsear del DOM dentro del frame

En caso que lo anterior (punto 3) no sea posible..... podrias leer toda la pagina con curl o file_get_contents, etc.. y solo mostrar esa parte del DOM recortando el pedazo desde PHP

[gustavoghgx]

Gracias en verdad, pero realmente no entendí muy bien lo que dices , soy nuevo en PHP.

Voy a especificar más, quiero llamar el DIV con id="seleccion" de esta página:
---- http://www.anquiroeventos.com/postres/ad/kilotrigo,1

Actualmente tiene la propiedad display:none;

¿Cómo puedo mostrarlo en otra URL?

[Italico76]

Código HTML:

<iframe id="myIframe" src="http://www.anquiroeventos.com/postres/ad/kilotrigo,1" height="1000" width="800">
 
<script>
    function ocultarDivs()
    {
      // ocultar cada DIV
      // des-ocultar class 'description'
    }
 
    document.getElementById('myIframe').contentWindow.ocultarDivs();    
</script>
 

Lamentablemente no me llevo bien con JS ... no puedo ayudarte mas

[Eleazan]

Uhm.........

Si usas jQuery, te será más "fácil".

Obtienes la pagina en cuestión con ajax
Buscas el contenedor que desas
y lo imprimes en tu web.

¿Eso es lo q quieres?

PD: Esta pregunta parece más de js que de php ;)

[Italico76]

No tengo mucha idea de JS.... no funciona pero esta cerca......

Código PHP:

<?php
// $url_externa = $_GET['urlexterna'];
$url_externa = 'http://www.anquiroeventos.com/postres/ad/kilotrigo,1';
?>
 
<iframe id="myIframe" src="<?php echo $url_externa ?>" height="1000" width="800">
 
<script language="JavaScript">
    function ocultarDivs(marco)
    {       
        var divs    = marco.getElementsByTagName("div");​ 
    
        for (var i = 0; i < divs.length; i++) {         
            // visible solo el Div con la receta de cocina
            if (divs[i].className != 'description){
                divs[i].style.display = 'none';   
            }   
        }   
    }
 
    document.getElementById('myIframe').contentWindow.ocultarDivs();    
</script>
 

Y es cierto con JQuery...sale de una sinocon manejo de DOM desde php :)

@Eleazan te dio buenos "tips" para atacar de una el problema ;)

[juniorjmd]

Código:

function OcultaYMuestra(clase1,clase2)
{if(Trim(clase1)!=""){	
$(clase1).each(function(){		  
			 $(this).css("display", "none")
			});}

	if(clase2){
		$(clase2).each(function(){
			 $(this).css("display", "block")						  	
			  });}
	}

esta funcion simple te oculta o muestra cualquier elemento del html div, label, tablas, etc, yo le puse clase pero tu le puedes enviar el id que quieras, obviamente debes instanciar el jquery antes de ejecutar la funcio.


por ejemplo

Código:

OcultaYMuestra("#div1","#div2")
OcultaYMuestra("#div2")
OcultaYMuestra("","#div2")

en el primero oculta div1 y muestra div2
en el segundo oculta div2
y el tercero muestra div2
pero como te dije si tienes un grupo de de elementos por ejemplo agrupados por una clase y los quieres mostras pos le envias en ves del id, envias la class y da igual