Skip to main content

Esercitazione: Visualizzazione di contenuti Web

Visualizzazione di siti Web in una visualizzazione

Requisito: una visualizzazione è aperta in a CODESYS progetto. Il Casella degli strumenti di visualizzazione e Proprietà sono aperte anche le viste della visualizzazione.

  1. Trascina il Programma di navigazione in rete elemento da Comandi speciali all'editor di visualizzazione.

  2. Seleziona l'elemento nell'editor.

    Nel Proprietà view, le proprietà dell'elemento sono elencate per il Programma di navigazione in rete elemento.

  3. Nel Posizione proprietà, specificare la dimensione (in pixel) per la Larghezza e il Altezza (esempio: 600).

  4. Nel Variabili di controlloURL proprietà, specifica l'URL del sito Web (esempio: 'http://en.wikipedia.org').

    Puoi anche specificare una variabile qui (STRING o WSTRING) dove l'URL è assegnato nel progetto.

  5. Nel Variabili di controlloDisplay proprietà, specifica una variabile booleana (esempio: bSetURL).

    Se la variabile bSetURL ha il valore TRUE, quindi il sito web 'http://en.wikipedia.org' viene visualizzato in fase di esecuzione.

Configurazione dei pulsanti per la navigazione avanti e indietro del sito

Requisito: L'elemento Browser Web della visualizzazione è configurato come descritto sopra.

  1. In una POU, dichiarare entrambe le variabili booleane bGoBack e bGoForward.

  2. Nell'editor di visualizzazione, fare clic su programma di navigazione in rete.

  3. Per Variabili del controllerIndietro proprietà, seleziona bGoBack variabile dall'Input Assistant. Variabili di controlloAvanti proprietà, seleziona bGoForward.variabile.

  4. Nel Controlli generali, Aggiungi il Pulsante elemento alla tua visualizzazione due volte.

  5. Fare clic su a Pulsante nell'editor di visualizzazione e trascinare il file Pulsante nella posizione richiesta (ad esempio sopra il Programma di navigazione in rete elemento).

  6. Nel Testi Testo proprietà, specificare > personaggio. Proprietà del testoCarattere proprietà, seleziona un carattere dall'Input Assistant (esempio: Arial, Bold, 14).

  7. Configura il Configurazione di ingressoOnMouseClick proprietà in modo che il bGoForward la variabile è attivata.

  8. Configurare il secondo pulsante per la navigazione indietro nello stesso modo descritto nei passaggi da 5 a 7.

    Se la variabile bSetURL ha il valore TRUE, quindi il sito 'http://en.wikipedia.org' viene visualizzato con i pulsanti avanti e indietro. Fate clic sui pulsanti per passare alle pagine Web successive.