Search jQuery

jQuery Forum

Screen name:
davisoski

davisoski's Profile

13 Posts

17 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

How to include header file from several locations?
[1Reply]
- 18-Nov-2013 02:05 PM
- Forum: jQuery Mobile
Hi.

I have a structure like this;

/
/classes
/js
  myJavascripts.js
/images
  app-icon.png
/templates
/include
header_config.php
/news
/languages
/tracks
/time
index.php
config.php

I want to include header_config.php all over the project, but depending on where I include the file it fails to load my js, css, png files:

header_config.php is something like this:
<html>
<head>
<title>Test</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
<link rel="stylesheet" href="myStyles.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>

<script type="text/javascript">
var appUrl = '<?php echo APP_URL ?>';
</script>
   <script type="text/javascript" src="js/myJavascripts.js"></script>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>

<meta name="apple-mobile-web-app-capable" content="yes">
<link rel="apple-touch-icon" href="images/app-icon.png">

</head>
<body>

If I include header_config.php in index.php, there is no problem because I'm in the root, but if I include header_config.php in /news/index.php I get errors because the route to my js and image files is lost.

How can I achieve this stuff??.

Thanks

Column toggle table mode not aligned correctly just in FireFox
[8Replies]
- 19-Oct-2013 02:49 PM
- Forum: jQuery Mobile
Hi.

I have a table created from a json and it works ok in all browser except in Firefox.

Here is the fiddle :

http://jsfiddle.net/davisoski/ng3Vt/

data-column-btn-theme="f" is just a simple theme created with jroller, but even changing to a, b, c.... no way.

I can't see where do I need to change css.

Any idea?.

Thanks

Button in a form desactivated after use mobile back-button
[0Replies]
- 18-Oct-2013 05:27 AM
- Forum: jQuery Mobile
Hi.

I have a simple form with a input text + select option + button. The results are showed in a external page

page1 (form) --> page2 (results)

Everything works ok, but when I use back button of mobile, in page1 the button doesn't work anymore, I have to reload the page (page1).

Opera 12.10
Android 2.3

Somebody has experienced something similar???

Thanks

How to get first element selected in select-option?
[4Replies]
- 08-Oct-2013 02:29 PM
- Forum: jQuery Mobile
Hi.

I have populated my select-option using jquery, but I would like to have the first (or last) element of the list selected but no way (I have tried several options)

This is the fiddle:
http://jsfiddle.net/davisoski/8Xawv/7/

Just one thing; In this fiddle if you change jquery-mobile 1.2.0 and use 1.3.0b1 the select option appears duplicated.

Any suggestion?

Thanks

Create dinamically a table column toggle using jquery
[4Replies]
- 28-Aug-2013 02:23 PM
- Forum: jQuery Mobile
Hi.

I'm trying to create this table:

http://jquerymobile.com/demos/1.3.0-rc.1/docs/tables/table-column-toggle.html

but doing dinamically using jquery but no way, the button to select the columns is not showed

I have a div:

<div id="table_here"></div>

var myTable = "<table><thead><tr><th class=\"ui-table-priority-2\" data-priority=\"2\">Rank</th><th data-priority=\"1\">Movie Title</th><th>Year</th><th>Rating</th></tr></thead>";

myTable +="<tbody><tr><th class=\"ui-table-priority-2\">1</th><td>alñs</td><td>alñs</td><td>alñs</td></tr></tbody></table>";
j('#here_table').append(myTable);

j("#here_table table").attr('data-role', 'table');
j("#here_table table").attr('id', 'table-column-toggle');
j("#here_table table").attr('data-mode',
'columntoggle');

j("#here_table table")
.addClass(
'ui-body-d ui-shadow table-stripe ui-responsive');

Thanks

Accesing jquery var into html
[12Replies]
- 03-Apr-2013 08:24 AM
- Forum: Using jQuery
Hi.

I have something like this:

<script type="text/javascript">
$(document).ready(function() {
var button_text="Place Order";
});
</script>

and I want to show this text (it can be different depending on situation) in my jquery mobile button

<a href="#" data-role="button" data-mini="true" data-inline="true" data-icon="check" data-theme="b">

<script>$(button_text).eval();</script>

</a>

is this possible?

Anybody knows how to do it? I tried several ways but no results.

Thanks

How to add border to a grid layout???
[2Replies]
- 07-Mar-2013 11:29 AM
- Forum: jQuery Mobile
Hi.

I have a 3x4 grid layout, but I can't see the way to add border (red border for example) to my grid.

Any idea?

thanks

Loading widget in dolphin browser????
[0Replies]
- 22-Feb-2013 09:41 AM
- Forum: jQuery Mobile
Hi.

I have been using dolphin browser (its in top 10 list of browsers) and application goes great, except for loading page.

I cant't see a way to show it. In other browser (chrome, opera mini, safari) works ok.

Is this a general problem or is there any solution or work-around?.

Thanks

Loading page in 1.3.0

[4Replies]

08-Feb-2013 04:04 PM
Forum: jQuery Mobile

Hi.

How do I modify this code or where to add (example taken from starting guide) to show a loading page:

I just added a link to page2.php in content section.

Thanks

<!DOCTYPE html> <html> <head> <title>Page Title</title> <meta name="viewport" content="width=device-width, initial-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> 

</head>
 <body> 
<div data-role="page"> 
<div data-role="header"> 
<h1>Page Title</h1> </div><!-- /header --> 
<div data-role="content"> 
<ul data-role="listview" data-inset="true">
 <li>
 <a href="page2.php" rel="external">Senderos</a>
 </li>

 </ul> 
</div><!-- /content --> </div><!-- /page --> 
</body> 
</html>

How to do this using jquery instead of CS flash???
[2Replies]
- 23-Dec-2012 11:43 AM
- Forum: Getting Started
Hi.

I would like to know if it possible to do this using jquery to retrieve data from my database and presenting in my web page like the flash I attach. I'm getting problems using flash (beside being very slow) so I want to change it.

The idea is to use each button in bottom (NOV, ABC, ...) to show different types of information and in movement.

Anybody knows if there is something slightly similar to use it or adapt it.

Here is the swf and html page (Flash CS5):
https://dl.dropbox.com/u/66063007/FLASHJQUERY/todoinjquery.rar

Thanks

graphic not showed in jqplot
[0Replies]
- 16-Aug-2012 05:32 AM
- Forum: jQuery Mobile
Hi.

I'm trying to add jqplot to my project.

I have extracted to a folder called jqplot in my netbeans 7.2 IDE.

later in my config file I add the next:


<script language="javascript" type="text/javascript" src="jqplot/jquery.min.js"></script>
<script language="javascript" type="text/javascript" src="jqplot/jquery.jqplot.min.js"></script>
<link rel="stylesheet" type="text/css" href="jqplot/jquery.jqplot.css" />

I'm using this example from:
http://www.jqplot.com/docs/files/usage-txt.html
```
$.jqplot('chartdiv', [[[1, 2],[3,5.12],[5,13.1],[7,33.6],[9,85.9],[11,219.9]]]);
```
```
so my code looks like:
```
```
<body> <div data-role="page" id="chart" data-add-back-btn="true" data-theme="f"> <?php include('inc/header.php'); ?> <div data-role="content" data-add-back-btn="true"> <script language="javascript"> $.jqplot('chartdiv', [[[1, 2],[3,5.12],[5,13.1],[7,33.6],[9,85.9],[11,219.9]]]); </script> <div id="chartdiv" style="height:400px;width:300px; "></div> </div> <footer data-role="footer"> <?php include('inc/footer.php'); ?> </footer> </div> </body> 
```
what am I doing wrong. I have added an alert in .js and it take the path to jqplot correctly.

one more thing: the div size is correct because if I change it, it change the size of the page.

Any idea?

Thanks

Which chart use in JQM to add events??
[0Replies]
- 16-Aug-2012 04:29 AM
- Forum: jQuery Mobile
Hi.

I have been using charts in conjuntion with a map to show an elevation profile (map + chart in the same page)

One div for the map, and one another for the chart..

Using code in https://developers.google.com/maps/documentation/javascript/elevation

everythings ok, but chart is not correctly showed in most mobiles, in web page and simulators works great.

So, my question is: I need to change google chart and use another open source library chart which work ok in jquery mobile and had the posibility to add events like onmouseover in that chart.

Any idea??

Thanks

How to load kml file?
[1Reply]
- 22-Jun-2012 07:12 AM
- Forum: jQuery Mobile
Hi.

I would like to know how to load into a page a specific kml file.

Scenario:

I have a list of places with a small description and a button to a map (kml file) of that place

thumbnail_places.php

Place 1 + Button 1 (1_map.kml)
Place 2 + Button 2 (2_map.kml)
Place 3 + Button 3 (3_map.kml)
Place 4 + Button 4 (4_map.kml)

When you click a Button you pass a parameter to identify the map and render in another page (map_places.php)

What I want to do is open my kml map in map_places.php, but I can't see how to do this.

I have seen several examples in the web but no way.

1.- https://forum.jquery.com/topic/google-maps-inside-jquery-mobile
In this case its open from the previous page and I can't identify the kml file to show.

2.- http://stackoverflow.com/questions/5477743/google-maps-api-v3-callbacks-kml-loading
In this case I can't see how to adapt to the jquery mobile code.

Here is the code of thumbnail_places.php
1. <?php
  include('inc/db.php');
  ?>
  
  <?php include('inc/header.php'); ?>
  
  <div data-role="page" id=" thumbnail_places" data-add-back-btn="true">
  
  <header data-role="header" >
  
  </header>
  
  <div data-role="content">
  <ul data-role="listview" data-theme="d" data-inset="true">
  
  <?php
  try
  {
  $result = mysql_query($sql);
  while($row = mysql_fetch_array($result))
  
  echo "<p><a href=\"./map_places.php?id=" . $row['a_s_id'] . "\"
  data-role=\"button\">Map</a></p>";
  
  echo"</div>";
  echo "</div> ";
  
  }
  catch(Exception $e)
  {
  echo $e->getMessage();
  }
  ?>
  
  </ul>
  </div>
  
  <footer data-role="footer">
  
  </footer>
  </div>
  
  </body>
  </html>
How should be the map_places.php to render my kml file???

Any idea?

Thanks.

«Prev
Next »

Response title

Attachments

jQuery Forum

Activity Trend