Search jQuery

jQuery Forum

Screen name:
denikov

denikov's Profile

7 Posts

9 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

can't get page-content full width 100%
[1Reply]
- 28-Apr-2013 12:59 PM
- Forum: Getting Started
Just like the topic says...I've searched and searched and can't figure out how. I have have a ui-grid and setting it to width 100% stretches it all the way to the right BUT there is still a margin on the left and I can't get rid of it! I tried setting inline css to margin: 0 and margin: 0 auto; and nothing works. What can I use to take up that margin space???
1. <meta name="viewport" content="target-densitydpi=device-dpi, height=device-height, width=device-width, user-scalable=no, initial-scale=1, minimum-scale=1.0, maximum-scale=1">
2. <body>
3. <div data-role="page" id="home">
4. <div data-theme="b" data-position="fixed" data-role="header" data-tap-toggle="false" style="height:60px">
5. //Header takes up the full width
6. </div>
7. </div>
8. <div data-role="content" style="width:100%; margin:0px">
9. <div class="ui-grid-solo" style="text-align:center">
11. <div class="ui-block-a"><a style="height:80px; padding-top:70px" data-transition="none" class="ui-bar ui-bar-e" href="news.html"></a></div>
12. </div>
13. <div class="ui-grid-a" style="text-align:center">
14. <div class="ui-block-a"><a style="height:80px; padding-top:50px" data-transition="none" class="ui-bar ui-bar-e" href="rumors.html"></a></div>
15. <div class="ui-block-b"><a style="height:80px; padding-top:50px" data-transition="none" class="ui-bar ui-bar-e" href="columns.html"></a></div>
16. <div class="ui-block-a"><a style="height:80px; padding-top:50px" data-transition="none" href="scores.html" class="ui-bar ui-bar-e"></a></div>
17. <div class="ui-block-b"><a style="height:80px; padding-top:50px" data-transition="none" href="standings.html" class="ui-bar ui-bar-e"></a></div>
18. </div>
19. </div>
20. </body>
I tried placing the widths everywhere, to every div (grids and blocks) and no luck...any advice?

insert the loading spinner with .getJson
[2Replies]
- 26-Apr-2013 12:26 PM
- Forum: Getting Started
So that's what I'm trying to do...insert a spinner and hide it when the page content is loaded but it's not working. Here's what I have:
2. $('#mainNews').on('pageinit', function(event) {
3. $.mobile.showPageLoadingMsg();
4. getNews();
5. });
6. function getNews() {
7. $.getJSON('file.php', function(data) {
8. $.each(data, function (i, u){
9. append-to-listview;
10. }
11. $('').listview('refresh');
12. $.mobile.hidePageLoadingMsg();
13. });
14. }
This seems simple but I can't get it to work.

return to same page location with data-back button
[0Replies]
- 25-Apr-2013 05:36 PM
- Forum: jQuery Mobile
From my understanding, the first page is automatically cached so there is no need to add dom-cache true. When I'm on a secondary page with a long listview, returning to the listview refreshes the entire page and starts the listview at the top. The fix to this is adding dom-cache but that seems very inefficient. Is there another way to do this?

clear DOM cache when clicking home button
[2Replies]
- 25-Apr-2013 04:01 PM
- Forum: jQuery Mobile
The order of my pages goes like this : index.html-->news.html-->newstext.html. In my news.html page div, I enabled data-dom-cache="true" because when people come back from newstext, they are at the same page location and news.html is not refreshed.

news.html has a home button which takes it back to index where there are more topics to click on. How can I clear news.html from the dom when the home button is clicked?
3. <head>
4. <meta charset="utf-8"/>
5. <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1">
6. <script>
7. function clearDom(div){
8. $(div).remove();}
9. </script>
10. </head>
11. <body>
12. <div data-role="page" id="mainNews" data-dom-cache="true">
13. <div data-theme="b" data-role="header" data-position="fixed" data-tap-toggle="false">
14. <a onclick="clearDOM('#mainNews');" data-role="button" data-rel="back" data-icon="home" data-iconpos="notext" class="ui-btn-left"></a>
15. </div>
As you can see, I tried implementing the onclick method, trying to pass the divID of this page but it hasn't worked. The only topics I found deal with not caching at all. I want to cache until the user moves away from this page. I think this could be very helpful to others. Thanks for your time!
Just an update: From clicking around on the links in news.html, on my Android phone, under cache processes, my app caches anywhere from 20 to 30 MB. That's A LOT so I really need to clear that!

getJSON function works only when ajax page loading is turned off
[2Replies]
- 24-Apr-2013 12:46 PM
- Forum: jQuery Mobile
I struggled with this so initially I gave up and turned off ajax page loading for jQuery Mobile ($.mobile.ajaxEnables = false;) and (data-ajax="false"). I basically finished my website but I REALLY WANT TO USE AJAX LOADING!!!

My problem is when going from index.html (topics page) to news.html, and going from news.html to newstext.html, the javascript ajax calls, which should get data from my database and fill the page, aren't getting executed. There are no errors in the console. Here's my code...PLEASE HELP ME FIX THIS!!!

INDEX.HTML
2. <!DOCTYPE HTML>
3. <HTML>
4. <head>
5. <meta charset="UTF-8"/>
6. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
7. //3 files here for jquery, mobile and css
8. </head>
9. <body>
10. <div data-role="page" id="home">
12. <div data-role="content">
13. <div class="ui-grid-solo">
14. <div class="ui-block-a"><a class="ui-bar ui-bar-e" data-ajax="false" href="news.html" style="text-align:center" data-inline="false">Main News</a></div>
15. </div>
17. </div>
18. </div>
19. </body>
20. </HTML>
NEWS.HTML
2. <body>
3. <div data-role="page" id="mainNews">
4. <div data-role="content">
6. <ul class="stuff" id="fnews" data-role="listview" data-theme="c">
7. <li style="text-align:center" data-role="list-divider">Daily Topic</li>
8. </ul>
9. </div>
10. </div>
11. <script src="js/getmainnews.js"></script>
12. </body>
GETMAINNEWS.JS
2. var serviceURL = "http://localhost/basket/services/";
3. $('#mainNews').on('pageinit', function(event) {
4. $.mobile.ajaxEnabled = false;
5. getNews();
6. });
7. function getNews() {
8. $.getJSON(serviceURL + 'getmainnews.php', function(data) {
9. daily = data.items;
11. $.each(daily, function(index, news) {
12. $('#fnews').append('<li data-icon="false"><a style="white-space:normal;" href="newstext.html?url=' + news.link + '">' + news.pic + news.article + '</a></li>');
13. });
14. $('#fnews').listview('refresh');
16. });
17. }
It works when ajax is turned off perfectly. When it's on, after clicking on Main News, in the console (Chrome) the XHR returns news.html, not the php file (getmainnews.php). When it's off, it returns the php file. I tried changing the location of the js, I tried changing on('pageinit') to bind and to live and nothing helped. Why isn't the ajax call working? Please take some time and help me out!!!

getJSON on bind(pageshow) function returns nothing from PHP file

[3Replies]

04-Apr-2013 06:56 PM
Forum: jQuery Mobile

When sending the request from the jQuery Mobile script to the specified PHP file, nothing is returned, nothing is appended to the html file. Here's the URL of the page:

localhost/basket/newstext.html?url=http://www.basket-planet.com/ru/news/9235

newstext.html:

<head>

<script src="js/newstext.js"></script>

</head>

<body>

<div data-role="page" id="newstext">

  <div data-role="content">

    <div id="textcontent"></div>

</div>

</div>

</body>

newstext.js:

var serviceURL = "http://localhost/basket/services/";

$('#newstext').bind('pageshow', function(event) {

var url = getUrlVars()["url"];

$.getJSON(serviceURL + 'getnewstext.php?url='+url, displayNewsText);

});

function displayNewsText(data){

var newstext = data.item; console.log(newstext);

$('#textcontent').text(newstext);

$('#textcontent').trigger('create');

function getUrlVars(){

//it displays in the alert perfectly, shortening the message here

getnewstext.php:

<?php include_once ('simple_html_dom.php');

$url = $_GET['url'];

$html = file_get_html(''.$url.'');

$article = $html->find('div[class=newsItem]');

$a = str_get_html(implode("\n", (array)$article));

//parse the article

header("Content-type: application/json");

echo '{"item":'. json_encode($a) .'}'; ?>

In the console, there is no response. I know this question is borderline jQuery and PHP, but I hope someone can help with this issue. Thanks

some links stuck on loading spinner while others work perfectly

[8Replies]

09-Mar-2013 07:18 PM
Forum: jQuery Mobile

I'm using Simple HTML DOM Parser inside jQuery Mobile. I'm pulling links from a website, then passing them to another page for article parsing. Some links get passed fine and it works perfectly while a couple get stuck on the loading spinner with no error message. Same problem with all browsers. If I take out jQuery Mobile, every link gets passed and next pages get opened. The strange this is if I add rel="external" to the first php, then the page which didn't open before, it opens. When I add rel="external" to the second php part, the entire page doesn't load AT ALL. Just a blank web page. Using XAMPP, if that matters. Here's my code sample:

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" />

<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>

<script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script>

<div data-role="page">

<div data-role="content">

<ul data-role="listview" data-theme="c" data-dividertheme="b">

<li data-role="list-divider">Top News</li>

<?php include_once ('simple_html_dom.php');

$html = file_get_html('http://www.example.com');

foreach ($html->find('*.overridable a[class=title]') as $main){

echo '<li><a href="news.php?url='.urlencode($main->href).'" data-transition="slidedown">'.$main->plaintext.'</a></li>';

} ?>

<li data-role="list-divider">Other News</li>

<?php include_once ('simple_html_dom.php');

$html = file_get_html('http://www.example.com');

foreach ($html->find('div[class=river-post yui-u] h2 a[href*=example]') as $ret){

echo '<li><a href="othernews.php?url='.urlencode($ret->href).'" data-transition="slidedown">'.$ret->plaintext.'</a></li>';

} ?>

</ul>

</div>

«Prev
Next »

Response title

Attachments

jQuery Forum

Activity Trend