creare estensioni firefox

per la mia tesi di laurea devo creare un'estensione firefox su un calendario didattico
ero in dubbio se modificare un'estensione già esistente (cosa difficile e poco furba) o crearne una da zero.
alla fine ho optato per la seconda.
mi sono fatto un piano di lavoro realizzando l'estensione seguendo piccoli passi:
1. Creare un'estensione molto semplice che visualizzi nella barra di stato l'icona di un calendario;

2. Aggiungere un evento che sul click sinistro del mouse apra il calendario in una pagina web;
3. Aggiungere un evento che sul passaggio del mouse visualizzi un popup con gli eventi della settimana o del giorno (dipende da cosa vuole il tuo prof.);
4. Aggiungere un evento che sul click destro del mouse apra un form per l'inserimento di un nuovo evento (ad es. userid, password, data, orario, descrizione). Servono userid e password in quanto credo che solo persone autenticate dovrebbero modificare il calendario delle lezioni (tipo il professore) mentre gli altri devono solo accedere in modalità lettura.

come faccio a cominciare? mi serve un diagramma uml? come si fa?
e l'estensione del 1 punto, esiste sul web qualcosa del genere?
mariarosaria

Io ti linko semplicemente una guida http://www.extenzilla.org/scheda_guida.php?id=4

Il resto tocca a te, posso dirti che non è difficile.

La stanza però non è molto adatta.

il diagramma UML non serve quasi mai :mrgreen:

La cosa piu' semplice che puoi fare e' prendere una o piu' estensioni esistenti e vedere quali sono le funzioni che ti servono e gli elementi dell'interfaccia. Ricorda che i file .xpi o .jar sono semplicemente archivi zip rinominati :wink:

grazie per la guida ma è un po' datata è del 2005, le cose sono un po' cambiate.
se questa stanza è sbagliata dove dovrei andare?
in questa sezione c'era javascript, css, xml...
mi hanno anche "punita"
nessuno mi aiuta????????

Provo a darti qualche dritta, visto che sto facendo (più o meno) la stessa cosa...

SOFTWARE NECESSARIO: in teoria basterebbero un editor di testo (Blocco Note) e una utility per la compressione dei file (già integrata in Windows XP). Sarà bene però che installi qualche programmino per renderti la vita più semplice:
- Spket IDE, richiede il Java Runtime Environment
- un programma di compressione che supporti la modalità a linea di comando, ad esempio WinRAR oppure 7-Zip

CREAZIONE DELL'ESTENSIONE: usando Spket IDE, basta lanciarlo e selezionare New > Project > Mozilla Firefox Extension. In questo modo viene creata una serie di file e cartelle vuoti, ma pronti per essere modificati a piacimento: meglio di così...

SVILUPPARE L'ESTENSIONE: la guida migliore che ho trovato (e personalmente seguito) è questa http://www.borngeek.com/firefox/toolbar-tutorial/. Ti spiega come:
- usare i linguaggi XUL e CSS per costruire l'interfaccia dell'estensione, in primis solo come "giocattolo statico"
- i fondamenti di JavaScript necessari a darle un po' di vita
- modalità di sviluppo, debug e testing
- modalità di distribuzione

Altro link che può esserti utile: http://www.xulplanet.com/tutorials/xultu/ (comprende un po' tutti i riferimenti di XUL, il linguaggio necessario a creare l'interfaccia dell'estensione).

Spero di averti dato qualche dritta... stammi bene...

grazie mille per l'aiuto, ma il programma del quele parli hai detto che ha bisogno di Java Runtime Environment, dove lo posso scaricare?
ora provo a fare qualcosa in caso ho qualche problema lancio un messaggio
grazie mille

Citazione:

---

Originalmente inviato da peroncina

grazie per la guida ma è un po' datata è del 2005, le cose sono un po' cambiate.
se questa stanza è sbagliata dove dovrei andare?
in questa sezione c'era javascript, css, xml...
mi hanno anche "punita"
nessuno mi aiuta????????

---

Anche se datata può darti un'infarinatura, qui nessuno ti punisce...
Ricevi soltanto delle infrazioni che se lievi non possono arrecarti nessun danno, l'infrazione però ha un suo significato, è ovvio che se sei una persona recidiva poi nasce la punizione vera e propria (il cosiddetto ban).

Hai sbagliato stanza perché questo è un forum di supporto per la realizzazione di siti web ed assistenza annessa ed ovviamente assistenza ai servizi erogati da altervista e/o terzi che ne fanno parte in modo ufficiale.

Se vuoi discutere di altro ci sono altre stanza apposite come questa.

In soldoni, stiamo discutendo un estensione di firefox, che non ha nessun nesso coi servizi di altervista e col supporto di software web-based.

Per essere al corrente di tutte queste cose t'invito a leggere il regolamento.

Saluti.

Citazione:

---

Originalmente inviato da peroncina

grazie mille per l'aiuto, ma il programma del quele parli hai detto che ha bisogno di Java Runtime Environment, dove lo posso scaricare?
ora provo a fare qualcosa in caso ho qualche problema lancio un messaggio
grazie mille

---

Probabilmente JRE l'hai già installato, verificalo così: prova ad aprire con Firefox una pagina che sai per certo contenga un applet Java (se non ne hai idea... ti do una dritta: la home page del mio sito, dovresti vedere un orologio animato sulla sinistra realizzato in Java :-D).

Se non la vedi, devi scaricare JRE da qui: http://www.java.com/it/download/wind...ww.java.com:80

Stammi bene...

infatti il programma era già installato, i tuoi consigli sono davvero utili, ma in italiano proprio nulla?

ma Spket IDE, non c'è in italiano?

No ;)

Evita i doppi post o verrai veramente "punita" :)

Spket IDE purtroppo non mi risulta esserci in italiano.
Per quanto riguarda i tutorial, c'è qualche materiale in italiano... ma quello che ti ho indicato mi è sembrato quello più completo (e quello più funzionante, visto che il materiale in rete ha il gran difetto di funzionare solo in parte).

In entrambi i casi, l'inglese in cui sono scritte non mi sembra così difficile da comprendere... se hai qualche problema, ti si può aiutare (anche qui sul forum).

Stammi bene...

Spket IDE l'ho scaricato ma non riesco ad installarlo, come faccio?

Meno male che nella pagina di Download ci sono scritte le istruzioni di installazione:

Citazione:

---

Instructions

To launch the installer, use: java -jar spket-1.6.16.jar

---

Stammi bene...

le ho viste le istruzioni, ma è evidente che non ci sono riuscita!!!!
da esegui ho lanciato java -jar spket-1.6.16.jar ma non esce nulla.
comunque grazie lo stesso

Con le ultime versioni di JRE ti dovrebbe bastare localizzare il file .jar dove l'hai salvato, e lanciarlo come fosse un eseguibile (doppio clic).

Se non va, prova così: lancia la console dei comandi (Start > Esegui > scrivi "cmd"), localizza la cartella dove hai salvato l'installer (comando "cd" in varie salse), e poi scrivi di nuovo il comando "java -jar spket-1.6.16.jar".

Se non funziona ancora, sei sicura di avere installato Java Runtime Environment?

Stammi bene...

sarò sicuramente una frana, ma finalmente ci sono riuscita...
sei davvero gentile e paziente, era stato, credo, un problema di download mi aveva danneggiato il file, l'ho scaricato di nuovo ed è uscito.
grazie ancora e scusami...

*****

ma Spket IDE è solo per firefox 2?
ho provato ad usarlo è davvero carino!

Con Spket puoi creare benissimo anche estensioni per Firefox 3, ti basta modificare opportunamente il file install.rdf della tua estensione (inserendo 3.0.* in maxVersion).

Stammi bene...

P.S. Non inviare messaggi "a raffica" sul forum, se trascorre poco tempo tra l'uno e l'altro puoi modificare il post precedente...

ho provato ad aggiungere un evento all'estensione, ma quando vado ad installarla non è cambiato nulla, ho sicuramente sbagliato qualcosa!!!
poi che devo mettere nel file .js, dovrei richiamare le funzioni del file xul?oppure devo scrivere lo stesso codice traducendolo?
ho scritto questo nel file. xul:
<a href="http://www.google.com/calendar/render?hl=it&gsessionid=wEA-zkC6QmdHrK8EfJQa6A" onMouseOver="confirm("vuoi entrare in google calendar?");
if (confirm("Sei d'accordo?")) {alert("Sono d'accordo")} else{alert
"Non sono d'accordo")}; >
<img src="calendario_button.png" >
</a>

chi può darmi delle indicazionii?
grazie

Ehm... quello che va scritto nel file XUL non è codice HTML, ma codice XUL, che è una variante di XML in grado di descrivere i componenti di un'interfaccia. Lo stesso Firefox è "costituito" da codice XUL: per rendertene conto, prova a scrivere chrome://browser/content/browser.xul come indirizzo del browser (o, meglio ancora, nella barra indirizzi del DOM Inspector, se l'hai installato).

Quello che non è chiaro è se la tua estensione deve:
- aggiungere un pulsante al browser che indirizzi a Google Calendar
- modificare l'output della pagina visualizzata in modo da includere un link a Google Calendar
Nel primo caso ti consiglio questo tutorial: http://vlain.altervista.org/index.ph...d=60&Itemid=64. È molto simile a ciò che devi sviluppare. Il secondo caso è leggermente più complicato, bisogna mettere insieme varie fonti per ottenere quanto chiedi...

Stammi bene...

1. Creare un'estensione molto semplice che visualizzi nella barra di
stato un'icona e/o un testo;(FATTO)
2. Aggiungere un evento che sul click sinistro del mouse apra google calendar;
<a href="http://www.google.com/calendar/render?hl=it&gsessionid=wEA-zkC6QmdHrK8EfJQa6A" onMouseOver="confirm("vuoi entrare in google calendar?");
if (confirm("Sei d'accordo?")) {alert("Sono d'accordo")} else{alert ("Non sono d'accordo")}; >
<img src="calendario_button.png" >
</a>
!non funziona!

3. Aggiungere un evento che sul passaggio del mouse visualizzi un popup con gli eventi della settimana o del giorno;
4. Aggiungere un evento che sul click destro del mouse apra un form per l'inserimento di un nuovo evento (ad es.userid, password, data, orario, descrizione). Servono userid e password in quanto credo che solo persone autenticate dovrebbero modificare il calendario delle lezioni (tipo il professore) mentre gli altri devono solo accedere in modalità lettura.

ho visto il link, ma per il codice che devo scrivere io non credo che serve!!!
ho bisogno di un aiuto... spero di essere stata chiara

Dato che dici di aver risolto il punto 1, dovresti avere un file .xul modificabile.

Per risolvere il punto 2, dovresti modificare l'elemento-icona (il tag di XUL che la costruisce, nel file .xul di cui sopra) aggiungendo questo attributo:

Codice:

---

oncommand="window.content.location.href='http://www.google.com/calendar/render?hl=it&gsessionid=wEA-zkC6QmdHrK8EfJQa6A'"

---

In questo modo, il tuo pulsante reagirà al comando (può essere il click di un mouse o un'invocazione da tastiera), aprendo la pagina selezionata.

Per quanto riguarda i punti 3 e 4 ho qualche problema nelle spiegazioni... non ho mai realizzato niente di simile (anch'io ho iniziato da poco...) e tentare di riassumere tutta una serie di ricerche (fatte per te...) in un singolo post mi riesce un po' complicato.

Stammi bene...

finalmente ci sono riuscita...
nel file.js ho questo:

Codice:

---

var active = false;

function activate ()
{
        active = !active;
        if (active)
                alert ("calendario attivato");
        else
                alert ("calendario disattivato");
}

function openGoogle() {
        const url = "http://www.google.com/calendar/render?hl=it&gsessionid=wEA-zkC6QmdHrK8EfJQa6A";
        var winref = window.open(url, "Calendario");
        return winref;
}

---

nel file.xul ho questo:

Codice HTML:

---

<?xml version="1.0"?>
<!DOCTYPE overlay SYSTEM "chrome://calendario/locale/calendario.dtd">
<overlay id="calendario_overlay"
  xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">

<script type="application/x-javascript" src="chrome://calendario/content/calendario.js" />

<toolbar id="nav-bar">
            <toolbarbutton
                    id="calendario-button"
                    label="&calendario_button;"
                    image="chrome://calendario/skin/calendario_button.png"
                    type="menu" />
</toolbar>

 <statusbar id="status-bar">
      <statusbarpanel class="statusbarpanel-menu-iconic"  src="chrome://calendario/skin/icona.png">
                              <menupopup>
                                                <menuitem id="calendario-main-state" label="&calendario_activate;" oncommand="activate();" />
                                                <menuitem id="calendario-open-google" label="Apri google" oncommand="openGoogle();" />
                          </menupopup>
        </statusbarpanel>
</statusbar>
         
</overlay>

---

ma ora devo aggiungere un evento che qualche funzione del mouse mi visualizza un popup con gli eventi della settimana o del giorno.
come si fa?
chi sa aiutarmi?
chi mi da una dritta?
grazie a tutti