javascript: prototype

javascript: prototype postato il 23/06/2009 12:04:47 nel forum programmazione, gdrcd, open source, hosting

Salve,
oggi non avendo nulla da fare mi son messo a giracchiare per il web e mi sono imbatutto in alcuni articoli riguardanti la libreria prototype.. che trattavano delle ajax request.. cosi ho deciso di provare per vedere cosa usciva..

ho letto un pò la guida ed ho scritto uno script di prova:

<script type="text/jscript" src="http://ajax.googleapis.com/ajax/libs/prototype/1.6.0.3/prototype.js"></script>
<script type="text/javascript">
new Ajax.Request('prova.html',
{
method:'get',
onSuccess: function(transport){
var response = transport.responseText || 'no response text';
$('notice').innerHTML=response;
},
onFailure: function(){ alert('Something went wrong...') }
});
</script>
<div id="notice">prova</div>

nel div notice al posto di prova dovrebbe apparire il contenuto della pagina prova.html..
con google chrome il codice funziona.. però con altri browser no.. e non riesco a capire proprio il motivo.. sto cercando su google per avere informazioni.. ma alcuni dicevano che il method post poteva nn andare..e quindi ho messo il get.. eppure nn va lo stesso.. altri che prototype su firefox nn va bene.. però a me nemmeno su ie7 va bene.. questo è il problema..

se c'è qualche anima pia.. che magari ci ha già provato e vorrebbe darmi una mano.. lo ringrazio molto..

---

quota

23/06/2009 12:34:00

A me è sempre funzionato su firefox.Ci sono alcuni script però che magari sono fatti solo per determinati browser.

quota

23/06/2009 12:58:35

Che senso ha usare una libreria se poi non è cross browser ? :-D



Comunque mi spiace, ma non so nulla di nulla di prototype, ti consiglio framework più compatti come mootools, anche se comunque non è poi tanto difficoltoso sviluppare ajax request senza librerie e completamente cross-browser ;-)

quota

23/06/2009 14:44:14

xeno ho fatto come hai detto tu.. ed ora mi va anche su firefox.. ma su ie non c'è nulla da fare.. magari vedo qualche altra libreria come jquery o mootools..

---

quota

23/06/2009 16:55:40

come suggeritomi sono passato alla libreria mootools.. ed è molto più semplice e funzionale di prototype..
solo che ora ho un altro problema.. cioè.. finche devo far visualizare una pagina in un div ci sono..
però il link della pagina deve essere esterno al div..
del tipo:

link
<div></div>

se io invece voglio che un link interno al div faccia aprire una pagina nel div non ci riesco..

<div>link</div>

qualcuno sa come fare?

---

quota

23/06/2009 21:30:53

be io la sto usando e non è l'unica che uso per Mdt3001, inizialmente sembra difficile il suo utilizzo, ma è piu facile di quanto si possa pensare ^_^ consiglio solo di starci dietro un po a smanettare ^^

quota

24/06/2009 02:16:00

No Xenoriss, forse non hai ben chiaro il problema esposto.

Ad ogni modo, scrivendo qualcosa qui su due piedi

In sostanza tutti gli elementi col class=req saranno oggetto dell'addevents che prevede una richiesta asincrona al click. ( e come puoi notare questa prevede diversi metodi che puoi sfruttare a tuo piacimento per ottenere effetti ottimali durante la request ;-) )

Alla div di destinazione basta che gli dai l'id=content e dopo divertiti.

Per quanto riguarda gli url basta semplicemente impostare i collegamenti alle pagine con il normale href ^^

Per dirti..


l'evento.stop nello script impedisce al link di essere avviato normalmente così che non causi il caricarsi di pagina.html in tutta la pagina come un normale collegamento.

quota

24/06/2009 09:20:42 e modificato da cicciokr il 24/06/2009 09:44:15

ragazzi vi ringrazio.. alla fine ho usato lo style display = none come suggeritomi e va alla grande..
grazie a tutti per l'aiuto!

ecco il codice:
<script type="text/javascript">

//on dom ready...
window.addEvent('domready', function() {
/* ajax replace element text */
$('ajax-replacee').addEvent('click', function(event) {
//prevent the page from changing
event.stop();
//make the ajax call, replace text
var req = new Request.HTML({
method: 'get',
url: $('ajax-replacee').get('href'),
data: { 'do' : '1' },

update: $('tutti'),
onComplete: function(response) {
var div1 = $('tutto').style.display='none';
var div2 = $('tutti').style.display='';
}
}).send();
});
});

</script>

---

quota

24/06/2009 12:40:40

Ieri sera ho letto questo al contrario, capendo che lui voleva esternare il link dal div: ero un po fuso xD

quota

Romanzieri per Gioco

Osservazioni sulla narrazione a più voci nei giochi di ruolo online..

Fairy Tail Universe

Fantagiochi presenta il gioco di ruolo via chat Fairy Tail Universe!

Crystal Tokyo

Intervista ai gestori di Crystal Tokyo, gdr urban fantasy da oltre 10 anni!

Tutorial per creare avatar

Video - Tutorial per realizzare, con photoshop, un avatar per gdr