Ir a la comunidad

Diseño y Programación Web

Comunidad oficial de diseñadores web, web developers y Webmasters. Aqui podemos tratar temas actuales sobre diseño y tecnología. Podemos compartir y actualizarnos. Photoshop, Flash, PHP, ASP, Java, HTML, CSS, MySQL, CMS, etc. Unite YA y lee los Sticky

Ver más
  • 13,065 Miembros
  • 9,531 Temas
  • 3,449 Seguidores
Hace más de 7 meses
  • 0

Que Aparezca un cartel al hacer clic en un botón

Hola amigos querías preguntarles si saben como se hace para que aparezca un cartel al hacer clic en un botón y que ese cartel este decorado como yo quiera, si me pueden pasar un código mejor
  • 0
  • 0Calificación
  • 0Seguidores
  • 138Visitas
  • 0Favoritos

8 respuestas

@hinafu dijo Hace más de 7 meses:

http://www.quirksmode.org/js/popup.html

@UnViciomas-Com dijo Hace más de 7 meses:

hinafu dijo:

http://www.quirksmode.org/js/popup.html



Si pero eso te abre una pagina yo digo por ejemplo viste cuando pones el puntero sobre tu nombre de usuario que a párese un cartel, bueno algo parecido pero que aparezca al hacerle clic .
Tendria q usar php o se puede con javascript

@hinafu dijo Hace más de 7 meses:

UnViciomas-Com dijo:

hinafu dijo:

http://www.quirksmode.org/js/popup.html



Si pero eso te abre una pagina yo digo por ejemplo viste cuando pones el puntero sobre tu nombre de usuario que a párese un cartel, bueno algo parecido pero que aparezca al hacerle clic .
Tendria q usar php o se puede con javascript


Se puede con javascript, aunque también se puede con css (eso sí, yo no sé cómo hacerlo en css). Buscá en google "hide/show divs"

@solano_0_ dijo Hace más de 7 meses:

mmmmm bueno aca te dejo el codigo.. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>blah blah</title>
<style type="text/css">
<!--
#hidde {
    position:absolute;
    width:200px;
    height:75px;
    z-index:1;
    left: 34px;
    top: 2px;
    visibility: hidden;
}
#hidde {
    background-color: #999;
    border: 10px solid #666;
    padding:10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
}
-->
</style>
<script type="text/javascript">
<!--
function MM_showHideLayers() { //v9.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) 
  with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
    obj.visibility=v; }
}
//-->
</script>
</head>

<body>
<div>Clic <a href="#" onclick="MM_showHideLayers('hidde','','show')">aqui </a>para mostrar cartel
<div id="hidde">blah blah blah blah blah blah blah bolah bolah blah blah blah blbha clic <a href="#" onclick="MM_showHideLayers('hidde','','hide')">aqui</a> para crrerar</div>
</div>
</body>
</html>

@pichoncitotv dijo Hace más de 7 meses:

solano_0_ dijo:

mmmmm bueno aca te dejo el codigo.. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>blah blah</title>
<style type="text/css">
<!--
#hidde {
    position:absolute;
    width:200px;
    height:75px;
    z-index:1;
    left: 34px;
    top: 2px;
    visibility: hidden;
}
#hidde {
    background-color: #999;
    border: 10px solid #666;
    padding:10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
}
-->
</style>
<script type="text/javascript">
<!--
function MM_showHideLayers() { //v9.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) 
  with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
    obj.visibility=v; }
}
//-->
</script>
</head>

<body>
<div>Clic <a href="#" onclick="MM_showHideLayers('hidde','','show')">aqui </a>para mostrar cartel
<div id="hidde">blah blah blah blah blah blah blah bolah bolah blah blah blah blbha clic <a href="#" onclick="MM_showHideLayers('hidde','','hide')">aqui</a> para crrerar</div>
</div>
</body>
</html>


Dreamweaver

@666LUZBELL666 dijo Hace más de 7 meses:

También puedes checar los lightbox (http://pierrebertet.net/projects/jquery_superbox/) o los modal box (http://simplemodal.plasm.it/)

@Shavo2 dijo Hace más de 7 meses:

Esto es lo que quieres

http://craigsworks.com/projects/qtip2/demos/

@UnViciomas-Com dijo Hace más de 7 meses:

solano_0_ dijo:

mmmmm bueno aca te dejo el codigo.. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>blah blah</title>
<style type="text/css">
<!--
#hidde {
    position:absolute;
    width:200px;
    height:75px;
    z-index:1;
    left: 34px;
    top: 2px;
    visibility: hidden;
}
#hidde {
    background-color: #999;
    border: 10px solid #666;
    padding:10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
}
-->
</style>
<script type="text/javascript">
<!--
function MM_showHideLayers() { //v9.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) 
  with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
    obj.visibility=v; }
}
//-->
</script>
</head>

<body>
<div>Clic <a href="#" onclick="MM_showHideLayers('hidde','','show')">aqui </a>para mostrar cartel
<div id="hidde">blah blah blah blah blah blah blah bolah bolah blah blah blah blbha clic <a href="#" onclick="MM_showHideLayers('hidde','','hide')">aqui</a> para crrerar</div>
</div>
</body>
</html>




Muchas gracias a los q comentaron y a @solano_0_ por dejar el código!! :´D

Tienes que ser miembro para responder en este tema