Hello World (Chapter 3) not working

hansa · September 4th, 2014, 02:39 PM

Hi, I recently bought the book and am trying to get the hello world app (chapter 3) to work. I have downloaded all the code and it seems to run fine per chrome JS debugger, except that connecting to a server doesn't work. I am using the standard bosh server in code http://bosh.metajack.im:5280/xmpp-httpbind and try to connect to either jabber.de or alpha-labs.net, both of which I have an account on which works with pidgin on W7 x64. However, in the Hello app, nothing happens, not even the log is written to via jQuery.

For example, my jid is [email protected], so I enter this into the jid field, along with the correct pw. nothing happens.

Thanks for any and all help!

Cheers,

Chris

drayarms · October 22nd, 2014, 06:59 PM

it helps if you have some code to show us. No one can figure out what's wrong with your code if we can't see what you wrote in the first place. Here's a stripped down version of chapter 3 which I put together and it works.

Code:

<!DOCTYPE html>
<html>
  <head>
    <title>Hello - Chapter 3</title>
    
    <script type = "text/javascript" src="http://code.jquery.com/jquery-latest.js"> </script>



    <!--include JQM-->
    <meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1"> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0-rc.1/jquery.mobile-1.3.0-rc.1.min.css" />
    <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.3.0-rc.1/jquery.mobile-1.3.0-rc.1.min.js"></script>



    <!--include strophe and flxhr-->

    <script src='js/scripts/strophe1.1.3.js'></script>
    <script src='js/scripts/flXHR.js'></script>




    <link rel='stylesheet' href='hello.css'>

    <script src='hello.js'></script>


  </head>
  <body>
    <h1>Hello</h1>

    <div id='log'>
    </div>

    <!-- login dialog -->
    <div id='login_dialog' class=''>
      <label>JID:</label><input type='text' id='jid' value = 'your_jid'>
      <label>Password:</label><input type='password' id='password' value = 'your_password'>
      <button>Submit</button>
    </div>
  </body>
</html>

and here is the hello.css

Code:

body {
    font-family: Helvetica;
}

h1 {
    text-align: center;
}

.hidden {
    display: none;
}

#log {
    width:350px;height:400px;color:red;border:1px solid black;
}

Note that I'm using the latest version of strophe (1.1.3) which can be downloaded from github. The version used in the book is much older but also works. If you just want to keep things simple, use the version from the book. You can find it archived here on p2pwrox. Same goes for the flxhr. Goodluck