Pagina 1 di 5 1 2 3 ... ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 43
  1. #1
    Utente di HTML.it L'avatar di svt
    Registrato dal
    Apr 2007
    residenza
    Reggio Emilia
    Messaggi
    34

    principiante:ricerca di oggetti all'interno di un testo.

    Ciao a tutti ragazzi, non ho mai scritto e fatto dei javascript ma è da un pò di giorni che segue le vostre guide e i vostri demo javascript. Vi spiego quello che vorrei fare.
    Quello che vorrei fare è mettere in evidenza le informazioni( di INDIRIZZO) di alcuni oggetti MICRODATA di HTTML5. Vi spiego con un esempio:

    <div itemscope = " http://data-vocabulary.org/Organization " >
    <p itemprop = "nome" > Hendershot's Coffee Bar </p>
    <P <itemprop = "indirizzo" itemscope ItemType = " http://data-vocabulary.org/Address " >
    <Span itemprop = "street-address" > 1560 Oglethorpe Ave </span>,
    <Span itemprop = "località" > Atene </span>,
    <Span itemprop = "regione" > GA </span>.
    </P>
    </Div>

    questo è un "oggetto " microdata, quello che voglio fare è, riconoscere che questo è un microdata (tramite itemscope che è una caratteristica dei microdata) prelevare le informazioni riguardanti l' Address: street-address, località e regione. A questo punto, vorrei creare una finestra al passaggio del mouse su "Hendershot's Coffee Bar" che mi da la posizione del Hendershot's Coffee Bar su una mappa tramite le informazioni di address lette.
    Per quanto riguarda il posizionamento sulla mappa ho letto e visto le ultime api di google.maps ed è una cosa abbastanza fattibile. Quello che mi risulta difficile e che non riesco a trovare è come fare una ricerca per individuare i microdati.

  2. #2
    Utente di HTML.it L'avatar di svt
    Registrato dal
    Apr 2007
    residenza
    Reggio Emilia
    Messaggi
    34

    Riformulo la domanda!!:D

    All'interno di un testo posso trovare questi oggetti microdata:



    <div>Hendershot 's Bar Caffè


    1560 Oglethorpe Ave, Athens, GA </p>
    </Div>
    <div itemscope = " http://data-vocabulary.org/Organization " >
    <Span itemprop = "nome" > Hendershot's Coffee Bar </span>

    <P itemprop = "indirizzo" itemscope ItemType = " http://data-vocabulary.org/Address " >
    <Span itemprop = "street-address" > 1560 Oglethorpe Ave </span>,
    <Span itemprop = "località" > Atene </span>,
    <Span itemprop = "regione" > GA </span>.
    </P>
    </Div>
    <div itemscope = " http://data-vocabulary.org/Organization " >
    <Span itemprop = "nome" > Hendershot's Coffee Bar </span>

    <P itemprop = "indirizzo" itemscope ItemType = " http://data-vocabulary.org/Giacomo " >
    <Span itemprop = "street-address" > 1560 Oglethorpe Ave </span>,
    <Span itemprop = "località" > Atene </span>,
    <Span itemprop = "regione" > GA </span>.
    </P>
    </Div>

    script:

    $(document).ready(function() {


    $('p').each(function() {

    var $a = $(this);
    if(!$a.attr('ItemType')) return true;
    if($a.attr('ItemType')!=" http://data-vocabulary.org/Address ") return true;
    .........................................
    ........................................

    Con questo ciclo each faccio la ricerca di "oggetti" con attributo itemtype= " http://data-vocabulary.org/Address ".
    Quello che mi chiedo ora, come faccio ad accedere alle informazioni date dai "figli"

    <Span itemprop = "street-address" > 1560 Oglethorpe Ave </span>,
    <Span itemprop = "località" > Atene </span>,
    <Span itemprop = "regione" > GA </span>.

    cioè:
    1560 Oglethorpe Av, Atene, GA
    e salvarle dentro delle variabili???

    Spero di essere stato un pò kiaro.

  3. #3
    Utente di HTML.it
    Registrato dal
    Dec 2010
    Messaggi
    3,660
    Ti basta usare il metodo text() dell'oggetto...

  4. #4
    Utente di HTML.it L'avatar di svt
    Registrato dal
    Apr 2007
    residenza
    Reggio Emilia
    Messaggi
    34
    Cioè?????????Sono un pò scarso!!!

  5. #5
    Utente di HTML.it
    Registrato dal
    Dec 2010
    Messaggi
    3,660
    Qualcosa del genere:

    codice:
    $(document).ready(function() {
    	$('Span').each(function() {
    		alert($(this).text());
    	});
    });
    Ovviamente devi sistemarlo a seconda delle tue esigenze

  6. #6
    Utente di HTML.it L'avatar di svt
    Registrato dal
    Apr 2007
    residenza
    Reggio Emilia
    Messaggi
    34
    Ma così ricerco nel documento tutti i tag span. Io invece voglio fare riferimento solo ai tag span dopo aver trovato questo tag particolare con
    ItemType = " http://data-vocabulary.org/Address ":

    <P itemprop = "indirizzo" itemscope ItemType = " http://data-vocabulary.org/Address " >

    e quindi avere le informazioni di :
    <Span itemprop = "street-address" > 1560 Oglethorpe Ave </span>,
    <Span itemprop = "località" > Atene </span>,
    <Span itemprop = "regione" > GA </span>.

  7. #7
    Utente di HTML.it L'avatar di svt
    Registrato dal
    Apr 2007
    residenza
    Reggio Emilia
    Messaggi
    34
    ok posso fare così:

    $(document).ready(function() {


    $('p').each(function() {

    var $a = $(this);
    if(!$a.attr('ItemType')) return true;
    if($a.attr('ItemType')!=" http://data-vocabulary.org/Address ") return true;

    /*e dopo mettere*/

    var testo = $(this).text();

    ...............

  8. #8
    Utente di HTML.it
    Registrato dal
    Dec 2010
    Messaggi
    3,660
    Sara qualcosa del genere allora:

    codice:
    $("p Span:nth-child").text();

  9. #9
    Utente di HTML.it L'avatar di svt
    Registrato dal
    Apr 2007
    residenza
    Reggio Emilia
    Messaggi
    34
    No ma con
    [CODE]
    var testo = $(this).text();
    [CODE]
    mi va bene perchè adesso mi serve questo indirizzo per fare una ricerca su google.maps. e quindi mi va bene.

  10. #10
    Utente di HTML.it
    Registrato dal
    Dec 2010
    Messaggi
    3,660
    Cosi dovrebbe prendere anche i caratteri ',' e '.' dopo i tag span, se è quello che volevi... perfetto


Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.