recupero variabili da script

[piero40]

Salve a tutti, non ho esperienza in javascript, dovrei utilizzare uno script scaricato dalla rete che serve per mappare delle immagini.
Lo script funziona bene e fa ciò che a me serve, dovrei ricavare le informazioni che restituisce lo script, quelle segnate in rosso nella immagine allegata e che vengono visualizzate nel file html una volta effettuata l'operazione

CAPT_005.jpg

Il tutto gira qui http://www.mipromuovodame.com/public/summer-master/

e lo zip contenente il tutto quindi anche il file JS dal quale dovrei ricavare le informazioni è scaricabile quì

http://www.mipromuovodame.com/public/summer-master.zip

Sicuramente esiste un modo per recuperare ciò che lo script stampa sul video, io ho bisogno di recuperare solamente i due valori che sono segnati in rosso nella immagine quindi il tipo di shape e le coordinate, il resto non mi interessa.
Recuperati questi dati poi li passo ad una pagina PHP attraverso la quale vado ad inserirli in un databare per fare poi determinate cose.
Con PHP e database non ho problemi, JS non lo conosco per nulla quindi non so da che parte cominciare per recuperare questi dati.
Se vengono stampati sul video sicuramente sono recuperabili.

Grazie in anticipo per i consigli.

[piero40]

Ho semplificato il problema cercando di capire cosa fa lo script, sembrerebbe che i due parametri che servono a me siano ricavabili da questo pezzo di codice, ma come ?
Dovrei recuperarli ed inserirli in 2 distinti campi di un form in una pagina php nella quale c'è la matrice del form.

   /**
     * Creates new areas from html-string with <area /> elements
     * 
     * @param htmlStr {string}
     * @returns {Array} - array with areas
     */
    Area.createAreasFromHTMLOfMap = function(htmlStr) {
        if (!htmlStr) {
            return false;
        } 


        while (true) {
            var findedResult = Area.REGEXP.AREA.exec(htmlStr); // <area shape="$1" coords="$2" ... />
            if (!findedResult) {
                break;
            }    


            var htmlAreaFinded = findedResult[0], // <area shape="..." coords="..." ... />
                type = findedResult[1], // $1
                coords = findedResult[2].split(Area.REGEXP.DELIMETER), // $2
                attributes = {}; 
            
            Area.ATTRIBUTES_NAMES.forEach(function(item, i) {
                var result = Area.REGEXP[item].exec(htmlAreaFinded);


                if (result) {
                    attributes[name] = result[1];
                }    
            });
            
            coords = coords.map(function(item) {
                return Number(item);
            });


            type = Area.HTML_NAMES_TO_AREA_NAMES[type];


            Area.fromJSON({
                type : type,
                coords : Area.CONSTRUCTORS[type].getCoordsFromHTMLArray(coords),
                attributes : attributes
            });


        }


        return Boolean(htmlAreaFinded);
    };

[lucavizzi]

Usa:

alert(variabile);

per verificare che le variabili contengano i dati che ti servono.

Nel caso tu fossi nel posto giusto (e al momento giusto), puoi valorizzare i campi del form (presenti nel tuo documento) innestando nel blocco di codice javascript il comando:

document.getElementById('id_del_tuo_input').value=variabile;

[KillerWorm]

Ciao, ok per quel tool che fa ciò che ti serve e per il fatto che in qualche modo sia possibile recuperare dei dati da questo, non è però chiaro il contesto in cui devi implementare il tutto.

lucavizzi ti ha dato un'infarinatura, ma ho il sospetto che a te serva realizzare per intero tutta la parte JavaScript sia per recupero sia per invio dei dati. Dovresti fornire maggiori dettagli.

Il tool è fine a se stesso, anche supponendo di implementare il sistema per il recupero dei dati, come dovrebbe funzionare?
Cioè, hai già una pagina col presunto form in cui potranno essere buttati dentro i dati?
Vuoi integrarci dentro il tool?
Oppure vuoi modificare la pagina stessa del tool, chessò, in modo che il recupero e l'inviò dei dati partano non appena clicchi su "to html" o su "save" o su qualcos'altro?
O magari aggiungere un pulsante, diciamo, "personalizzato" che compia quell'operazione?
Nel caso, questo pulsante dove e quando dovrebbe comparire?
O ancora (è solo un'idea), potrei pensare ad uno script da far girare direttamente attraverso un plugin del browser (tipo "Custom Style Script"), per cui il tutto viene eseguito attraverso il tuo browser.

Inoltre, nell'immagine che hai postato è presente un solo elemento <area> ma con il tool è possibile definirne diversi. In tal caso cosa ti serve ottenere e come dovrebbe comportarsi lo script?
Vuoi i dati di un solo elemento, ad esempio il primo?
Oppure vuoi recuperare i dati di tutti gli eventuali elementi?

Dovrei recuperarli ed inserirli in 2 distinti campi di un form in una pagina php nella quale c'è la matrice del form.

Qual'è questa matrice?

[ciro78]

ciao Piero,
benvenuto sul forum.

ti invito a prendere visione del regolamento. la discussione che hai aperto non rispecchiava lo stesso. per adesso ho corretto io per le prossime occhio ai titoli e all'utilizzo del tag code.

[piero40]

Grazie sia a Lucavizzi sia a KillerWorm

Ho risolto tutto utilizzando document.getElementById('id_del_tuo_input').value=variabile;
collocato al posto opportuno.
Poi ho fatto un pochino di pulizia sullo script togliendo lazzi e frizzi inutili per la mia applicazione ed ho ottenuto l'inserimento nel form dei dati a me necessari.
Così recupero poi tutto nella pagina PHP che elabora i dati e li inserisce nel database.

Mi scuso con Ciro78 per i tag errati, farò più attenzione.

[piero40]

Mi è rimasto un ultimo problema questo:

come posso inserire automaticamente l'url della immagine al caricamento della pagina?

Sostituendo id=url con l'indirizzo reale non funziona ma non va nemmeno inserendo il value = ""

Mi sembra di capire che lo script prenda solo del testo difatti scrivendo sul campo direttamente o copiando ed incollandogli un url tutto funziona.

Credo che ciò che viene introdotto manulamente diventi un array che viene passato allo script.

<!-- Get image form -->
<div id="get_image_wrapper">
    <div id="get_image">
        <span title="close" class="close_button"></span>
        <div id="logo_get_image">
        </div>
        <div id="loading">Carica</div>
        <div id="file_reader_support">
            <label>Trascina quì l'immagine</label>
            <div id="dropzone">
                <span class="clear_button" title="clear">x</span>             
                <img src="" alt="preview" id="sm_img" />
            </div>
            <b>oppure</b>
        </div>
        <label for="url">Scrivi l'indirizzo</label>
        <span id="url_wrapper" >
            <span class="clear_button" title="clear">x</span>

la riga è questa

        <input type="text" id="url" > qualsiasi cosa aggiungo in questa riga non funziona.
qui scrivendo a mano o incollando un url tutto funziona, avrei la necessita che al caricamento della pagina ci fosse già l'indirizzo

Grazie

        <button id="button">OK</button>

    </div>
</div>

[ciro78]

ehm il tag code!!!

il primo corretto
il secondo corretto e ti avviso . al prossimo chiudo

[lucavizzi]

Le tue esposizioni dei problemi sono sempre lacunose...

come posso inserire automaticamente l'url della immagine al caricamento della pagina?

Al caricamento della pagina, conosci già l'url dell'immagine? Risiede in una variabile js o PHP?
Il campo in cui inserirlo è quello con id:url? il campo è presente nella pagina sin dall'inizio?

Nel regolamento del forum Javascript, trovi informazioni su come utilizzare il tag "code" (secondo post).

[piero40]

Grazie ho già risolto tutto.
Se mi dici come cancellarmi dal forum te ne sono grato,
Abbiamo già il governo con annessi e connessi che rompe le palle con regolamenti e cazzate varie, trovare le cazzate anche nei forum è insopportabile.
Grazie.