Ver Mensaje Individual
  #1 (permalink)  
Antiguo 13/05/2013, 08:56
jmm87
 
Fecha de Ingreso: octubre-2012
Mensajes: 202
Antigüedad: 12 años, 1 mes
Puntos: 0
cambiar contenido div jquery

Hola buen dia se que de este tema ya se comento pero la verdad ninguna de las respuestas me soluciono mi problema por eso vuelvo a preguntar:

necesito cambiar el contenido de un div. Tengo el siguiente codigo:

en la pagina html llamo a jquery y a su funcion:
Código HTML:
Ver original
  1. <script type="text/javascript" src="js/jquery-1.9.1.min.js" ></script>
  2. <script type="text/javascript">
  3.     function cambiar(pagina) {
  4.     $(‘#contenido’).fadeOut(1000);
  5.     $(“#contenido”).load(pagina);
  6.     $(‘#contenido’).fadeIn(1000);
  7.     }

div que debe cambiar

Código HTML:
Ver original
  1. <div class="wrapper">
  2.                     <div class="col" id="contenido"><br>
  3.                         <h5>Bienvenidos!</h5>
  4.                         <p class="pad_bot1">Somos una empresa con mas de 25 años de trayectoria en el mercado. La mejor opción para Empresas
  5.                         líderes, siendo elegibles por el <strong>compromiso, calidad e innovación</strong> de nuestros productos.</p>
  6.                         <p class="pad_bot1">Nuestra mision es superar las expectativas de los clientes a través de la calidad de sus equipos basados en la seguridad alimentaría, su procedimiento y  
  7.                         distribución de los mismos.</p>
  8.                         <strong>SERPER</strong> transita desde sus comienzos un proceso de maduración y consolidación, donde su visión, misión y valores
  9.                         marcan su rumbo empresario<br><br>
  10.                         <a href="historia.html">Leer mas...</a></li>
  11.                     </div>
  12.                     <div class="col0"><br>
  13.                         <h5>Nosotros:</h5>
  14.                         <ul id="lista">
  15.                             <li><a href="javascript:cambiarcont('organizacion.html');">La organizacion</a</li>
  16.                             <li><a href="productos.html">Misión, valores, Visión</a></li>
  17.                             <li><a href="revestimientos.html">Cultura de la empresa</a></li>
  18.                             <li><a href="repuestos.html">Organigrama</li>
  19.                             <li><a href="Contacts.html">Estructura y departamentalizacion</a></li>
  20.                             <li><a href="Contacts.html">Proceso de comunicación</a></li>
  21.                             <li><a href="Contacts.html">La Dirección de la comunicación</a></li>
  22.                         </ul>
  23.                     </div>
  24.                 </div>

y el boton que dice que cambie el div:

Código HTML:
Ver original
  1. <ul id="lista">
  2.                             <li><a href="javascript:cambiarcont('organizacion.html');">La organizacion</a</li>
  3.                            
  4.                         </ul>