boton con dropdown no muestra la lista de referencias

ioshida · #1 (**permalink**) 11/02/2015, 12:47

Hola estimados me encuento con una gran duda, gracias de antemano por todas las colaboraciones :D
en fin el tema es que quiero utilizar botones con dropdown de bootstrap, logro colocarlo y se ve todo bien, pero al momento de hacer clic para que muestre las varias referencias no lo hace, simplemente funciona como un boton normal, ahora bien tengo entendido que funciona con un plugin pero no se si debo llamarlo con javascript o como ya que probe haciendolo y no sucede nada simplemente esta como un boton comun...

este seria el boton con la propiedad de dropdown

Código HTML:

Ver original<!-- Single button -->
<div class="btn-group">
  <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
    Action <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" role="menu">
    <li><a href="#">Action</a></li>
    <li><a href="#">Another action</a></li>
    <li><a href="#">Something else here</a></li>
    <li class="divider"></li>
    <li><a href="#">Separated link</a></li>
  </ul>
</div>

segun leo el codigo esta bien y el dreamweaver tampoco me marca si falta algo agregue un script con este codigo al pie y luego de la llamda a la hoja de estilos de bootstrap pero tampoco realiza algun cambio, en fin gracias por la ayuda saludos!

pzin · #2 (**permalink**) 11/02/2015, 13:18

¿Has incluído el fichero JS de Bootstrap?

Cuando publiques código, usa la opción highlight para formatearlo.

ioshida · #3 (**permalink**) 12/02/2015, 07:48

Hola si agregue la llamada a los ficheros, coloque un boton en una hoja nueva asi puedo copiar un codigo corto:

Código PHP:

Ver original<!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>Documento sin título</title>
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js">
 
</head>
 
<body>
<!-- Single button -->
<div class="btn-group">
  <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
    Action <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" role="menu">
    <li><a href="#">Action</a></li>
    <li><a href="#">Another action</a></li>
    <li><a href="#">Something else here</a></li>
    <li class="divider"></li>
    <li><a href="#">Separated link</a></li>
  </ul>
</div>
</body>
</html>

lo unico que agregue ahora es la llamada al archivo js, pero aun asi no funciona :( ...gracias por la ayuda!

ioshida · #4 (**permalink**) 12/02/2015, 07:52

lo mismo me estaria sucediendo al colocar un panel de fichas, me las toma, puedo verlas a simple vista, pero si intento seleccionar una u otra para poder alojar contenido en ellas no me deja simplemente no hace nada

pzin · #5 (**permalink**) 12/02/2015, 08:15

Estás incluyendo el código JavaScript como si fuese una hoja de estilos. Así no se llama a un fichero JavaScript. Se usa <script/>.

ioshida · #6 (**permalink**) 12/02/2015, 08:28

perdon por mi ignorancia pero como deberia realizar la llamada? osea cual seria el codigo? tengo que colocarlo en el boton o debajo de la llamada de la hoja de estilos? gracias

pzin · #7 (**permalink**) 12/02/2015, 09:14

Pásate por aquí: http://librosweb.es/javascript/capit...tos_xhtml.html