[SOLUCIONADO] Enviar parámetros por Url que ejecute javascript

paulkees · #1 (**permalink**) 27/04/2017, 06:55

Hola a todos...

Por favor, si me pueden ayudar u orientarme ya que no tengo habilidad con javascript. Quiciera acceder con un enlace desde una pagina, a un texto que es mostrado con javascript en otra pagina. Es decir:

Tengo la pagina "ayuda.php" en la cual muestro las preguntas más frecuentes, estas se muestran en la misma pagina si le doy al enlace:

Código HTML:

<a href="javascript: startAt('verpreguntas');">Preguntas Más Frecuentes (FAQs)</a>

... y me muestra la lista:

Código HTML:

<li style="display:none;" id="verpreguntas">
	<ol>
		<li><a href="#faq01">xxx</a></li>
		<li><a href="#faq02">xxx</a></li>
		<li><a href="#faq03">xxx</a></li>
		<li><a href="#faq04">xxx</a></li>
		<li><a href="#faq05">xxx</a></li>
	</ol>

	<a name="faq01"></a><a href="#top">Inicio de Página</a>
		<p>1.</p>
	<a name="faq02"></a><a href="#top">Inicio de Página</a>
		<p>2.</p>
	<a name="faq03"></a><a href="#top">Inicio de Página</a>
		<p>3.</p>
	<a name="faq04"></a><a href="#top">Inicio de Página</a>
		<p>4.</p>
	<a name="faq05"></a><a href="#top">Inicio de Página</a>
		<p>5.</p>
</li>

Supongo que tendré que enviar por url un parameto que ejecute "javascript: startAt('verpreguntas')", pero no tengo ni idea de como hacerlo o donde rescatar información, ya que no se como se llama este prcedimiento.

Muchas gracias y saludos!

#2 (**permalink**) 27/04/2017, 09:02

Entendí que quieres hacer click en el enlace y mostrar el listado, esto haría en ese caso:

Código HTML:

Ver original<html>
    <head>
        <script type="text/javascript">
        function mostrar_faqs(){
        var faq = document.getElementById("faq_list");
            if(faq.style.display == "none"){
            faq.style.display = "inline";
            }
            else{
            faq.style.display = "none";
            }
        }
        </script>
    </head>
    <body>
    <a href="asd.php" onclick="mostrar_faqs(); return false;">FAQs</a><br/><br/>
    
    <li style="display:none;" id="faq_list">
    <ol>
        <li><a href="#faq01">xxx</a></li>
        <li><a href="#faq02">xxx</a></li>
        <li><a href="#faq03">xxx</a></li>
        <li><a href="#faq04">xxx</a></li>
        <li><a href="#faq05">xxx</a></li>
    </ol>
 
    <a name="faq01"></a><a href="#top">Inicio de Página</a>
        <p>1.</p>
    <a name="faq02"></a><a href="#top">Inicio de Página</a>
        <p>2.</p>
    <a name="faq03"></a><a href="#top">Inicio de Página</a>
        <p>3.</p>
    <a name="faq04"></a><a href="#top">Inicio de Página</a>
        <p>4.</p>
    <a name="faq05"></a><a href="#top">Inicio de Página</a>
        <p>5.</p>
</li> 
    
    
    </body>
</html>

Saludos

paulkees · #3 (**permalink**) 27/04/2017, 11:22

Hola alvaro_trewhela, gracias por responder...!!!

No, no es eso, creo que me expliqué mal... lo que quiero, es poner por ejemplo en la pagina "cualquiera.php", un enlace que me mande a la pagina "ayuda.php" y me muestre <li style="display:none;" id="verpreguntas"> ya desplegado.

Creo que debería poner en la Url del enlace de la pagina "cualquiera.php", algún parámetro que produzca, el "display:inline" que no se si es así.

No se si ahora me expliqué bien.

Rafael · #4 (**permalink**) 27/04/2017, 13:13

No creo que estés buscando algo Javascript sino CSS

Revisa los selectores de atributo. https://www.google.com.mx/search?q=c...ibute+selector

Por ejemplo:
a[href$="ayuda.php#pregunta1"]

Cada una de las preguntas tendrá un link y un ID, entonces cada vez que piques a un link nuevo este aparecerá en la url, y el css será aplicado para desplegar eso. Probablemente todo lo demás tendrá que tener un estilo que los oculte.

No Javascript needed.

paulkees · #5 (**permalink**) 27/04/2017, 14:32

Gracias Rafael... evidentemente me he explicado muy, pero muy mal.

No me complico más. Lo solucioné con php de esta forma:

En la pagina "cualquiera.php" pongo el enlace <a href="ayuda.php?display&amp#faq05"> pasando la variable "display"

En la pagina "ayuda.php", recojo la variable $_GET e indico el "display" en <li> de esta forma:

Código HTML:

<?php if(isset($_GET['display'])){$veopreguntas = 'display:inline';}else{$veopreguntas = 'display:none';} ?>
 
 <li style="<?php echo $veopreguntas; ?>;" id="verpreguntas">

Así me muestra el contenido oculto e incluso me lleva a la pregunta enviada por Url.

Gracias por ayudarme!
Saludos!

Rafael · #6 (**permalink**) 27/04/2017, 21:33

De todos modos revisa la propiedad CSS que te puse, ya que sigo entendiendo que hace algo semejante con solo CSS.

paulkees · #7 (**permalink**) 01/05/2017, 18:04

Gracias Rafael...

Lo he revisado y está muy interesante esa propiedad CSS... es para tenerlo en cuenta!

Saludos!