Response title
This is preview!
Move this topic
About JavaScript header..
in jQuery Mobile
•
4 months ago
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>
why my button is not respon if i use the javascript online....
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>
why my button is not respon if i use the javascript online....
1
Replies(3)
Re: About JavaScript header..
4 months ago
I don't even know where to begin... How are we supposed to understand this question? You included JQM, great. What button isn't responding? What JavaScript? What do y ou mean online? Where is your code...?
Did you read through the Scripting section of JQM?
Do you mean using the source as online? There are many reasons it might not work. Why not download and use a local copy of JQM/JQ? Did you try to debug?
Leave a comment on haga0054's reply
Re: About JavaScript header..
3 months ago
i mean is button login
This is my code .. . . . . . .
<!DOCTYPE html>
<html>
<head>
<title>My Page</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>
</head>
<body>
<div data-role="page1" id="foo" >
<?php
$attributes = array('id' => 'insertform');
echo form_open('verifylogin1');
?>
<div data-role="header">
<p>welcome to my web login</p>
</div><!-- /header -->
<div data-role="content">
<div style="width: 280px; height: 250px; position: relative; ">
<img src="/pribadi1/images/maxigamelogo.png" alt="image" style="position: absolute; top: 5%; left: 13%; margin-left: -16px; margin-top: -18px" />
</div>
<div style="">
<img style="width: 288px; height: 50px" src="http://blacksheet.files.wordpress.com/2012/05/vikings_colour_line1.png" />
</div>
<label for="textinput3">
Log in
</label>
<div data-role="fieldcontain" class="ui-hide-label">
<label for="name">Username:</label>
<!-- <label for="username">Username:</label> -->
<input type="text" name="username" id="username" value="" placeholder="Username" data-ajax="false" data-rel="external" data-role="login_view" />
</div>
<div data-role="fieldcontain" class="ui-hide-label">
<label for="basic">Password :</label>
<!-- <label for="Password">Password:</label> -->
<input type="password" name="password" id="password" value="" placeholder="Password" data-ajax="false" data-rel="external" data-role="login_view"/>
</div>
<div class="formblock">
<input type="image" src="/pribadi1/images/loginbutton.jpg" name="button" id="button" data-ajax="false" data-rel="external" data-role="login_view" />
</div>
<div align="center">
<a href="<?php echo site_url('mobile/register');?>" data-transition="flow">
Register Here
</a>
</div>
<div style=" text-align:center">
<img style="width: 288px; height: 50px" src="http://blacksheet.files.wordpress.com/2012/05/vikings_colour_line1.png" />
</div>
</div>
<div data-role="footer" align="center">
</div>
</div>
</body>
</html>
yes., i using source as online., i ever to download and use local copy of JQM but i cann't how to call the css in script., i don't know how to debug.....
This is my code .. . . . . . .
<!DOCTYPE html>
<html>
<head>
<title>My Page</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>
</head>
<body>
<div data-role="page1" id="foo" >
<?php
$attributes = array('id' => 'insertform');
echo form_open('verifylogin1');
?>
<div data-role="header">
<p>welcome to my web login</p>
</div><!-- /header -->
<div data-role="content">
<div style="width: 280px; height: 250px; position: relative; ">
<img src="/pribadi1/images/maxigamelogo.png" alt="image" style="position: absolute; top: 5%; left: 13%; margin-left: -16px; margin-top: -18px" />
</div>
<div style="">
<img style="width: 288px; height: 50px" src="http://blacksheet.files.wordpress.com/2012/05/vikings_colour_line1.png" />
</div>
<label for="textinput3">
Log in
</label>
<div data-role="fieldcontain" class="ui-hide-label">
<label for="name">Username:</label>
<!-- <label for="username">Username:</label> -->
<input type="text" name="username" id="username" value="" placeholder="Username" data-ajax="false" data-rel="external" data-role="login_view" />
</div>
<div data-role="fieldcontain" class="ui-hide-label">
<label for="basic">Password :</label>
<!-- <label for="Password">Password:</label> -->
<input type="password" name="password" id="password" value="" placeholder="Password" data-ajax="false" data-rel="external" data-role="login_view"/>
</div>
<div class="formblock">
<input type="image" src="/pribadi1/images/loginbutton.jpg" name="button" id="button" data-ajax="false" data-rel="external" data-role="login_view" />
</div>
<div align="center">
<a href="<?php echo site_url('mobile/register');?>" data-transition="flow">
Register Here
</a>
</div>
<div style=" text-align:center">
<img style="width: 288px; height: 50px" src="http://blacksheet.files.wordpress.com/2012/05/vikings_colour_line1.png" />
</div>
</div>
<div data-role="footer" align="center">
</div>
</div>
</body>
</html>
yes., i using source as online., i ever to download and use local copy of JQM but i cann't how to call the css in script., i don't know how to debug.....
Leave a comment on eriksonpatar's reply
Re: About JavaScript header..
3 months ago
1. You are mixing JQM 1.2.0 CSS with JQM 1.1.0 JS. Pick one version.
2. You don't have a button on your page. JQM can style links, button elements, and inputs of types submit or reset as buttons. You are attempting to use an input of type <image>, and JQM does not support this:
http://jquerymobile.com/demos/1.2.0/docs/buttons/buttons-types.html
3. Don't you think you should learn how to debug? Use Web Inspector or Firebug. Lots of help about these available on the web.
2. You don't have a button on your page. JQM can style links, button elements, and inputs of types submit or reset as buttons. You are attempting to use an input of type <image>, and JQM does not support this:
http://jquerymobile.com/demos/1.2.0/docs/buttons/buttons-types.html
3. Don't you think you should learn how to debug? Use Web Inspector or Firebug. Lots of help about these available on the web.
Leave a comment on watusiware's reply
Change topic type
Link this topic
Provide the permalink of a topic that is related to this topic
Reply to eriksonpatar's question
Statistics
- 3 Replies
- 242 Views
- 0 Followers
