no funciona una versión de js con otra...

[lgza70]

Estoy intentando poner un convertidor de cantidades de dólares a euros y a libras, éste ya funciona en otras páginas, pero en una página que ya utiliza otro js para un calendario en donde se cotiza no me deja, o utilizo uno, o utilizo el otro, o bien quito la versión mas antigua que utilizaba el cotizador y funcionan los dos pero el cotizador hace mal las sumas no se por qué... en una página tengo esto:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="scripts/jquery.currency.js"></script>
<script>

$(document).ready(function(){

$(".euros").click(function() {
blah blah blah......
});

$('#dolars').click(function() {
blah blah blah......
});

$('#pounds').click(function() {
blah blah blah......
});
});
</script>

<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script>
<script src="js/jquery.colorbox.js"></script>
<script type="text/javascript" src="js/mr.js"></script>

<script>
$(document).ready(function() {

$("a[rel='example1']").colorbox();

$( "#datepicker" ).datepicker({
minDate: '1',
beforeShowDay: $.datepicker.noWeekends,
$datepicker_options
});

$(function() {
$( "#accordion" ).accordion({
collapsible: true
});
});

var options = {
target: '#output1'
};

});

</script>


Todo esto anterior está dentro de head... y después antes de cerrar body tengo:

<script type="text/javascript">
$(document).ready(function () {

$("#close-modal").on('click', function () {
$('#dd-modal').effect('drop');
});

var ddData = [
{
text: "$ USA Dollar",
value: "dollars",
description: "",
imageSrc: "images/usa.png"
},
{
text: "€ Europe Euro",
value: "euros",
description: "Estimated current change",
imageSrc: "images/eur.png",

},
{
text: "£ UK Pound",
value: "pounds",
description: "Estimated current change",
imageSrc: "images/uk.png"
}

];


$('#CSelection').ddslick({
data: ddData,
defaultSelectedIndex: 0,
onSelected: function(data){
var ddData = $('#CSelection').data('ddslick');
displaySelectedData("3: Callback Function on Dropdown Selection" , ddData);
}
});

function displaySelectedData(demoIndex, ddData) {

if (ddData.selectedData.value=='dollars') {
$('.dolars').trigger('click');
}
if (ddData.selectedData.value=='euros') {
$('.euros').trigger('click');
}
if (ddData.selectedData.value=='pounds') {
$('.pounds').trigger('click');
}
}

});
</script>
<script type="text/javascript" src="scripts/jquery.ddslick.min.js"></script>




Lo que está en azul que es lo de el cambio de las cantidades a euros libras etc, es lo que funciona bien en otras páginas, pero en esta con lo que está en rojo no funciona, así como esta aquí todo junto, sólo funciona lo rojo (el datepicker para el cotizador), lo azul para el dropdown de el cambio a dls euros etc ni siquiera aparece. Si borro la linea que está en rojo bold y dejo la versión más reciente que está en azul bold funciona todo PERO ya no hace bien las cotizaciones de el calendario (lo rojo) y me agrega cantidades por default, entonces no lo puedo quitar.

el problema es esa version (la linea rojo bold). Que ya hice mil pruebas quitando y poniendo y sustituyendo etc. No se que puedo hacer. Intenté usar lo de noConflict, pero no se si lo use mal, o si en esto no aplica pero no me funcionó :(

Espero alguien me pueda ayudar que me urgee :( . Muchísimas gracias de antemano.

Laura.

[Dradi7]

pero el problema esta clarisimo estas usando dos librerías iguales claro pero con diferentes versiones solo vas a poder usar una de ellas nada mas, ya que como cada una de ellas tiene casi la misma estructura por eso te esta generando error

[lgza70]

Iniciado por Dradi7

pero el problema esta clarisimo estas usando dos librerías iguales claro pero con diferentes versiones solo vas a poder usar una de ellas nada mas, ya que como cada una de ellas tiene casi la misma estructura por eso te esta generando error

Muchas gracias Dradi7

pero si uso esta:
jquery-1.3.2.min.js
lo azul no funciona ni se ve ni nada, y lo rojo funciona perfectamente y si uso solo esta:
1.7.2/jquery.min.js
lo rojo y lo azul se ve, lo azul funciona perfectamente, pero lo rojo no funciona como debe de funcionar a la hora de hacer las sumas de las cotizaciones.

Por eso es que no se que hacer :S

[Dradi7]

Primero todas las lineas script deben ir arriba, luego de esto debes realizar las funciones

Código HTML:

<script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script>
<script src="js/jquery.colorbox.js"></script>
<script type="text/javascript" src="js/mr.js"></script>
 

Segundo no hagas dos $(document).ready(function(){}); hazlo todo en uno solo y me cuentas como quedo tu codigo

[lgza70]

Iniciado por Dradi7

Primero todas las lineas script deben ir arriba, luego de esto debes realizar las funciones

Código HTML:

<script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script>
<script src="js/jquery.colorbox.js"></script>
<script type="text/javascript" src="js/mr.js"></script>
 

Segundo no hagas dos $(document).ready(function(){}); hazlo todo en uno solo y me cuentas como quedo tu codigo

LISTO

Ahora que lo tengo ya todo junto, los scripts arriba y un solo $(document).ready quedó así:


<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="scripts/jquery.currency.js"></script>
<script type="text/javascript" src="scripts/jquery.ddslick.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script src="js/jquery.colorbox.js"></script>
<script type="text/javascript" src="js/mr.js"></script>

<script>

$(document).ready(function(){

$(".euros").click(function() {
Blah blah blah....
});

$('#dolars').click(function() {
Blah blah blah....
});

$('#pounds').click(function() {
Blah blah blah....
});


$("a[rel='example1']").colorbox();

$( "#datepicker" ).datepicker({
minDate: '1',
beforeShowDay: $.datepicker.noWeekends,
$datepicker_options
});

$(function() {
$( "#accordion" ).accordion({
collapsible: true
});
});

var options = {
target: '#output1'
};




$("#close-modal").on('click', function () {
$('#dd-modal').effect('drop');
});

var ddData = [
{
text: "$ USA Dollar",
value: "dollars",
description: "",
imageSrc: "images/usa.png"
},
{
text: "€ Europe Euro",
value: "euros",
description: "Estimated current change",
imageSrc: "images/eur.png",

},
{
text: "£ UK Pound",
value: "pounds",
description: "Estimated current change",
imageSrc: "images/uk.png"
}

];


$('#CSelection').ddslick({
data: ddData,
defaultSelectedIndex: 0,
onSelected: function(data){
var ddData = $('#CSelection').data('ddslick');
displaySelectedData("3: Callback Function on Dropdown Selection" , ddData);
}
});

function displaySelectedData(demoIndex, ddData) {

if (ddData.selectedData.value=='dollars') {
$('.dolars').trigger('click');
}
if (ddData.selectedData.value=='euros') {
$('.euros').trigger('click');
}
if (ddData.selectedData.value=='pounds') {
$('.pounds').trigger('click');
}
};
});
</script>




Ahora que está todo junto, así no se ve ninguno de los dos, ni el dropdown para los cambios (lo azul) ni el calendario para cotizar (lo rojo); a diferencia de cuando estaba separado.
De nuevo, si elimino la línea que decía que era el problema la que está en rojo bold, pasa exactamente lo mismo que antes, ya se muestran los dos, el dropdown para los cambios a dls eur etc funciona pero lo rojo para cotizar no funciona como debe, agrega una cantidad por default en lugar de como funcionaba correctamente antes. :S

[Dradi7]

es que debes quitar esta linea <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>

[lgza70]

Si, por eso te digo si la elimino sucede esto:

"si elimino la línea que decía que era el problema la que está en rojo bold, pasa exactamente lo mismo que antes, ya se muestran los dos, el dropdown para los cambios a dls eur etc funciona pero lo rojo para cotizar no funciona como debe, agrega una cantidad por default en lugar de como funcionaba correctamente antes. :S"

Lo mismo que pasaba antes a como lo tenía y al igual quitaba esta linea <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>

[Aijoona]

Cada vez que alguien confunde jQuery con JavaScript muero un poco por dentro.

[lgza70]

Iniciado por Aijoona

Cada vez que alguien confunde jQuery con JavaScript muero un poco por dentro.

jajajaja lo siento

Tendrás alguna idea de por que pasa esto?? digo, ya de pasada... :P

O cómo lo resuelvo :S :( jaja

[Dradi7]

Primero si revisas tu codigo bien a detalle observa lo siguiente

Código Javascript:

$(function() {
$( "#accordion" ).accordion({
collapsible: true
});
});
 

que es esto esto no deberia ser solamente asi si ya esta dentro del $(document).ready

Código Javascript:

$( "#accordion" ).accordion({
collapsible: true
});
 

Segundo me parece o esto esta dentro del $(document).ready esto deberia estar afuera del $(document).ready

Código Javascript:

function displaySelectedData(demoIndex, ddData)
 

[lgza70]

Listo gracias ya lo corregí... Sigue funcionando todo igual.

Otra pista no se si ayude a saber cual es el problema... En Safari funciona todo correctamente como debe el cotizador no agrega cantidades y todo bien...
Donde pasa este problema que he dicho anteriormente es en Chrome... :S

[Dradi7]

Pues me parece raro de todas maneras debe funcionar en todos los navegadores y no exlcluir alguno

Saludos

[lgza70]

bueno, de hecho solo funciona en safari, no funciona ni en chrome ni en firefox ni en explorer

[Dradi7]

bueno eso si es un problema debe funcionar en todos los navegadores, no puedes depender de uno solo ya que cada cliente por ejemplo puede usar un navegador diferente