R
RemPro
Betas!, necesito ayuda, estoy necesitando hacer un efecto como el "ver mas" del inicio de Facebook, es para que muestre distintos avisos clasificados. ¿Alguna ayuda?, ¿cómo se llama?
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
Foi útil? Participe da conversa
Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.
Leva 30 segundos · você volta a este tópico ao terminar
Jesussskc
Beta
Programador
Usuário com poucas negociações! Use sempre o saldo do ForoBeta!
en que hiciste tu web? php ? blogger? etc ... da más datos
R
RemPro
Ups! perdón XD, fue el apuro jaja. En PHP, estoy trabajando con Dreamweaver. Sería para ir desplegando anuncios, los cuales tendrán un Link a su anuncio completo 🙂
Jesussskc
Beta
Programador
Usuário com poucas negociações! Use sempre o saldo do ForoBeta!
mhhh quieres un "ver mas" tipo facebook que por ejemplo el texto es muy largo y te muestra ese link de "ver mas" y aparece el resto del texto .. o quieres un boton o algo similar que al hacer clic se muestren mas anuncios o articulos sin cargar ? yo se un codigo en JSON .. pero a cual de las 2 te refieres
R
RemPro
al "ver mas" tipo Facebook XD
Jesussskc
Beta
Programador
Usuário com poucas negociações! Use sempre o saldo do ForoBeta!
Algo similar seria de esta manera(no es con json ya que solo quieres el ver más y eso es simple con jquery):
<script type='text/javascript' src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type='text/javascript'>
$(document).ready(function(){
$("#boton1").click(function () {
$('p').toggle("slow");
});
$("#boton2").click(function () {
$('img').toggle("slow");
});
$("#boton3").click(function () {
$('#more').toggle("slow");
});
});
</script>
<div id="post1">
<p>parrafoparrafoparrafoparrafoparrafoparrafoparrafoparrafoparrafo </p>
<br><br>
<img height="200" src="/urlImagen.jpg">
<br><br>
<p id="more">Descripcion</p>
<br><br>
<input id="boton1" type="button" value="ocultar parrafo" />
<br>
<input id="boton2" type="button" value="ocultar img" />
<br>
<input id="boton3" type="button" value="ocultar por id" />
</div>
el primer botón oculta todos los "<p>"
el segundo todas las imágenes
y el tercero un id especifico (con el que debes trabajar).
Es una idea, el párrafo oculto tendría que tener otro ID como en el ejemplo si quieres lo cambias.
suerte :encouragement:
<script type='text/javascript' src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type='text/javascript'>
$(document).ready(function(){
$("#boton1").click(function () {
$('p').toggle("slow");
});
$("#boton2").click(function () {
$('img').toggle("slow");
});
$("#boton3").click(function () {
$('#more').toggle("slow");
});
});
</script>
<div id="post1">
<p>parrafoparrafoparrafoparrafoparrafoparrafoparrafoparrafoparrafo </p>
<br><br>
<img height="200" src="/urlImagen.jpg">
<br><br>
<p id="more">Descripcion</p>
<br><br>
<input id="boton1" type="button" value="ocultar parrafo" />
<br>
<input id="boton2" type="button" value="ocultar img" />
<br>
<input id="boton3" type="button" value="ocultar por id" />
</div>
el primer botón oculta todos los "<p>"
el segundo todas las imágenes
y el tercero un id especifico (con el que debes trabajar).
Es una idea, el párrafo oculto tendría que tener otro ID como en el ejemplo si quieres lo cambias.
suerte :encouragement:
Última edição:
Tópicos similares
