Hi,
This is my first attempt at GWT. Hope it will be a joyful experience.
I'm trying out a hangman example from this one book called Google Web
Toolkit Applications.
And, I spent the last two days trying to figure out why I couldn't see
anything on the screen, rather than the word "Hangman"
Finally, I noticed that the problem was caused by the name of a <div>
inside hangman.html
Right now, I'm displaying two buttons and a label.
/**********************************************
This is what I have under hangman.java:
**********************************************/
public class HangMan implements EntryPoint {
public void onModuleLoad(){
final Button button = new Button("Click me");
final Label label = new Label();
//to display a button with a letter "A"
final char letter = 'A';
final Button alphabutton = new
Button(Character.toString(letter));
RootPanel.get("mydiv").add(alphabutton); //Please notice that I
named the div "mydiv" and the program works. Had I named the div
"hangman", I would not have seen anything on the screen, except the
word "Hangman"
button.addClickHandler(new ClickHandler() {
@Override
public void onClick(ClickEvent event) {
if (label.getText().equals(""))
label.setText("Hello World!");
else
label.setText("");
}
});
//to display a button with the word "Click me"
RootPanel.get("slot1").add(button);
//to display a label
RootPanel.get("slot2").add(label);
}
}
/**********************************************
This is what I have under hangman.html:
**********************************************/
<!doctype html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;
charset=UTF-8">
<link type="text/css" rel="stylesheet" href="HangMan.css">
<title>Hangman</title>
<style>
body,td,a,div, .p{font-family:arial, sans-serif}
div,td{color:#000000}
a:link,.w,.w a:linnk{color:#0000cc}
a:visited{color: #551a8b}
a:active{color: #ff0000}
</style>
<script type="text/javascript" language="javascript" src="hangman/
hangman.nocache.js"></script>
</head>
<body>
<iframe src="javascript:''" id="__gwt_historyFrame" tabIndex='-1'
style="position:absolute;width:0;height:0;border:0"></iframe>
<h1>Hangman</h1>
<div id="mydiv"></div> <!-- NOTE: when I named this div
"hangman", nothing appeared on the screen -->
<table align="center">
<tr>
<td id="slot1"></td><td id="slot2"></td>
</tr>
</table>
</body>
</html>
I would really like someone to help shed some light no this.
What is the explanation behind this?
And, the Google Web Toolkit Applications book named the <div>
"hangman" and I believe that means it must have worked fine for the
author. Does this mean that maybe the name of the <div> didn't matter
in the earlier versions of GWT?
Thank you in advance for any input!
Fran
--
You received this message because you are subscribed to the Google Groups
"Google Web Toolkit" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/google-web-toolkit?hl=en.
