come aggiungere un tag h1 con gwt

Question

Beh, la domanda potrebbe sembrare stupida ma non riesco davvero a capirlo. Come puoi aggiungere dinamicamente un tag di intestazione HTML alla tua pagina utilizzando il webkit di Google.

Non voglio farlo per lo stile dell'intestazione in quanto è possibile aggiungere qualsiasi stile a qualsiasi etichetta, è perché voglio utilizzare lo jqueryui accordion che funziona con una coppia di intestazioni e pannello di contenuti.

Come posso fare questo?

Answer 1

---

Sì, questo è un pò complicato per non dire altro .... Ecco l'esempio easiast mi viene in mente:

import com.google.gwt.dom.client.Document; 
import com.google.gwt.dom.client.HeadingElement; 

... 

HeadingElement headingElement = Document.get().createHElement(1); 
headingElement.setInnerText("This is a Heading1 (h1) element!"); 
RootPanel.get().getElement().appendChild(headingElement); 

Se si guardano gli altri metodi del Document.get().... troverete metodi per creare anche tutti gli altri elementi HTML.

Aggiunta:

Questo potrebbe essere ancora più semplice:

import com.google.gwt.user.client.ui.HTML; 
..... 
HTML headingElement= new HTML(); 
headingElement.setHTML("<h1>This is a Heading1 (h1) element!</h1>");   
RootPanel.get().getElement().appendChild(headingElement); 

Answer 2

Ecco la mia soluzione Java:

InlineHTML h6_Text = InlineHTML.wrap(Document.get().createHElement(6)); 
h6_Text.setText("The text between <h6> and </h6>"); 

Answer 3

È inoltre possibile utilizzare HTMLPanel e specificare quali tag da utilizzare in il costruttore:

HTMLPanel header = new HTMLPanel ("h1", "bla bla bla"); 

dovrebbe produrre

<h1>bla bla bla</h1>