Combinar dos funciones con librerias diferentes
Publicado por Jordi (28 intervenciones) el 28/08/2014 12:07:58
Hola, quiero combinar dos funciones, una javascript y otra jquery. El caso es que por separado me funcionan a la perfección, pero no se como juntarlas para que vayan a la vez.
Funcion javascript que me carga una pagina php dentro de un div:
Funcion jquery que muestra un div, y oculta los otros:
Todo esto se tendria que ejecutar al hacer click a estos links:
He leído que para que se ejecuten a la vez lo puedo hacer con "easing" pero no tengo ni idea de javascript y no se usarlo...
Funcion javascript que me carga una pagina php dentro de un div:
1
2
3
4
5
6
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script language="javascript" type="text/javascript">
function cargarPagina(div, pagina){
$(div).load(pagina);
}</script>
Funcion jquery que muestra un div, y oculta los otros:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<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 () {
$('contingut1').show("slow");
$('contingut2').hide("slow");
$('contingut3').hide("slow");
});
$("#boton2").click(function () {
$('contingut1').hide("slow");
$('contingut2').show("slow");
$('contingut3').hide("slow");
});
$("#boton3").click(function () {
$('contingut1').hide("slow");
$('contingut2').hide("slow");
$('contingut3').show("slow");
});
});
</script>
Todo esto se tendria que ejecutar al hacer click a estos links:
1
2
3
4
5
<a href="javascript:void()" onclick="cargarPagina('#contingut1','contingut/clientAlta.php')"><img id="boton1" src="assets/icons/clientNou.png" alt="Nou Client" title="Nou Client"/></a>
<a href="javascript:void()" onclick="cargarPagina('#contingut2','contingut/clients.php')"><img id="boton2" src="assets/icons/clients.png" alt="Clients" title="Clients"/></a>
<a href="javascript:void()" onclick="cargarPagina('#contingut3','contingut/ventaAlta.php')"><img id="boton3" src="assets/icons/ventaNova.png" alt="Nova Venta" title="Nova Venta"/></a>
He leído que para que se ejecuten a la vez lo puedo hacer con "easing" pero no tengo ni idea de javascript y no se usarlo...
Valora esta pregunta
0
