Consiglio compatibilità tra script js

Consiglio compatibilità tra script js postato il 16/08/2011 11:29:51 nel forum programmazione, gdrcd, open source, hosting

Ciao a tutti,

volevo chiedere un consiglio perchè ci sto uscendo di testa.
Ho creato una pagina divisa in vari div, all'interno di alcuni div vengono caricate ed aggiornate delle pagine php. Le aggiorno con questo scripg js inserito nell'head della pagina:

<script>
var auto_refresh = setInterval(
function(){
$('#presenti').load('presenti/presenti.php').
fadeIn("slow");
}, 10000);
</script>

in fondo alla pagina includo, invece, uno script che mi serve per inserire in maniera controllata alcune statistiche:

<script>
function $(id){
return document.getElementById(id);
}

function sottrai(chi, riserva, min, costo)
{
if ($(chi).value > min)
{
--$(chi).value;
$(riserva).value = parseInt($(riserva).value) + costo;
}
}

function somma(chi, riserva, max, costo)
{
if (($(riserva).value-costo) >= 0 && $(chi).value < max)
{
++$(chi).value;
$(riserva).value = parseInt($(riserva).value) - costo;
}
}
</script>

Il secondo script funziona tranquillamente in ogni caso, ma se lo includo nella pagina, non mi aggiorna più le pagine nei div.

Qualcuno saprebbe spiegarmi come mai?

AlterEgo ↗
Scopri AlterEgo GdR: un incredibile universo narrativo in stile medievale fantasy che cresce, muta e vive giorno dopo giorno grazie ai suoi giocatori!

quota

Pagine → 1

dyrr

SCRIVI

16/08/2011 14:41:32

ilk primo script sembra una sintassi di jquery per cui credo che il problema sia derivato dall'uso del $ come prima funzione nel secondos cript che fa andar ein conflitot i due script.

War Thunder ↗
Aviazione, veicoli corazzati e flotte militari della seconda guerra mondiale. Parteciperai a tutte le principali battaglie!

quota

darkside of breakfast

SCRIVI

16/08/2011 14:53:59 e modificato da darkside of breakfast il 16/08/2011 14:55:19

prima si dichiara la funzione e POI la si usa.
Quindi in questo caso prima dichiari function $(id) e poi la usi per aggiornare il div.

ps: ma se dichiari da solo la funzione $(id), fadeIn, load() etc chi le dichiara?
Se usi jquery allora non serve dichiarare $ (ora si chiama Jquery perchè $ dava conflitto) ma se non la usi allora devi dichiarare mooolte altre funzioni!

Seconda Era ↗
Vaste terre coperte di ombre e misteri, dove ogni eroe scrive la storia del Mondo di Eidel. Seconda Era, play by chat

quota

ally_333

SCRIVI

16/08/2011 15:17:10 e modificato da ally_333 il 16/08/2011 15:30:52

uhmm... ho tentato di eliminare dalla seconda funzione questa parte

function $(id){
return document.getElementById(id);
}

ma in questo modo si, i div me li aggiorna ma non funziona più lo script relativo agli input...come faccio a prendere l'id dell'input che vado a modificare?

praticamente

<input type="button" value="-" onclick="sottrai('Mente', 'disponibile', 5, 7);" />
<input id="Mente" name="Mente" value="0">

function $(id){
return document.getElementById(id);
}

questa parte della funzione mi prende l'id del primo input che poi uso per la funzione sottrai... come faccio a prenderlo in modo che non vada in conflitto con l'altro script?

Storie di Agarthi ↗
Un Varco si apre davanti a te, un mondo tra i mondi è a portata di mano. Lasciati alle spalle le certezze, inizia l'avventura!

quota

dyrr

SCRIVI

16/08/2011 21:49:31

jquery ha una modalità per evitare conflitti con altr librerie che usano il $ come per esempio prototype o altro. basta attivare la modlaità noConflict() e usare JQuery aal posto di $ esempio direttamente dalla pagina di jquery:

<html>
<head>
<script src="prototype.js"></script>
<script src="jquery.js"></script>
<script>
jQuery.noConflict();

// Use jQuery via jQuery(...)
jQuery(document).ready(function(){
jQuery("div").hide();
});

// Use Prototype with $(...), etc.
$('someid').hide();
</script>
</head>
<body></body>
</html>

per un tutorial completo rimando a qui: http://docs.jquery.com/Using_jQuery_with_Other_Libraries ↗