Search jQuery

jQuery Forum

Screen name:
polis123

polis123's Profile

11 Posts

9 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

I used code listview from ^^^ but Do Not align OK... have to call : .listview('refresh');
[0Replies]
- 13-Jun-2020 02:15 AM
- Forum: jQuery Mobile
https://demos.jquerymobile.com/1.4.5/listview/

I load data from API to appear in jQmobile 1.4.5 listview

I used code listview from ^^^ but Do Not align OK... have to call :

$('ul#listAttractions').listview('refresh');

how call this??? fails this ^^^ , well ???
2. <ul id="listAttractions" data-role="listview" data-inset="true" class="ui-listview ui-listview-inset ui-corner-all ui-shadow"><li><a href="get-details.html?location_id=527731">
3.         <img src="https://media-cdn.tripadvisor.com/media/photo-l/0f/14/ee/36/ubersicht.jpg" alt="Kato Paphos Archaeological Park">
4.     <h2>Kato Paphos Archaeological Park</h2>
5.     </a><p><a href="get-details.html?location_id=527731">Kato Paphos, Paphos Cyprus, </a><a href="https://www.tripadvisor.com/Attraction_Review-g190384-d527731-Reviews-Kato_Paphos_Archaeological_Park-Paphos_Paphos_District.html">Go TripAdvisor</a></p>
6.     </li><li><a href="get-details.html?location_id=10520635">
7.         <img src="https://media-cdn.tripadvisor.com/media/photo-l/0e/89/c1/7f/paphos-harbour-and-port.jpg" alt="Paphos Harbour and Port">
8.     <h2>Paphos Harbour and Port</h2>
9.     </a><p><a href="get-details.html?location_id=10520635">Poseidonos Avenue, Paphos Cyprus, </a><a href="https://www.tripadvisor.com/Attraction_Review-g190384-d10520635-Reviews-Paphos_Harbour_and_Port-Paphos_Paphos_District.html">Go TripAdvisor</a></p>
10.     </li><li><a href="get-details.html?location_id=4782416">
11.         <img src="https://media-cdn.tripadvisor.com/media/photo-l/0f/6d/48/eb/beer-tasting-paddle.jpg" alt="Aphrodite's Rock Brewing Company">
12.     <h2>Aphrodite's Rock Brewing Company</h2>
13.     </a><p><a href="get-details.html?location_id=4782416">Polis Road, Paphos 8540 Cyprus, </a><a href="https://www.tripadvisor.com/Attraction_Review-g190384-d4782416-Reviews-Aphrodite_s_Rock_Brewing_Company-Paphos_Paphos_District.html">Go TripAdvisor</a></p>
14.     </li><li><a href="get-details.html?location_id=669507">
15.         <img src="https://media-cdn.tripadvisor.com/media/photo-f/11/08/d0/2a/birdseye-view.jpg" alt="Paphos Aphrodite Waterpark">
16.     <h2>Paphos Aphrodite Waterpark</h2>
17.     </a><p><a href="get-details.html?location_id=669507">off Poseidonos Avenue, Paphos 8133 Cyprus, </a><a href="https://www.tripadvisor.com/Attraction_Review-g190384-d669507-Reviews-Paphos_Aphrodite_Waterpark-Paphos_Paphos_District.html">Go TripAdvisor</a></p>
18.     </li><li><a href="get-details.html?location_id=286928">
19.         <img src="https://media-cdn.tripadvisor.com/media/photo-l/02/80/8f/21/filename-avgas08-jpg.jpg" alt="Avakas Gorge">
20.     <h2>Avakas Gorge</h2>
21.     </a><p><a href="get-details.html?location_id=286928">Paphos Cyprus, </a><a href="https://www.tripadvisor.com/Attraction_Review-g190384-d286928-Reviews-Avakas_Gorge-Paphos_Paphos_District.html">Go TripAdvisor</a></p>
22.     </li><li><a href="get-details.html?location_id=531773">
23.         <img src="https://media-cdn.tripadvisor.com/media/photo-l/15/90/d4/d8/ayios-neophytos-monastery.jpg" alt="Agios Neophytos Monastery">
24.     <h2>Agios Neophytos Monastery</h2>
25.     </a><p><a href="get-details.html?location_id=531773">Paphos Cyprus, </a><a href="https://www.tripadvisor.com/Attraction_Review-g190384-d531773-Reviews-Agios_Neophytos_Monastery-Paphos_Paphos_District.html">Go TripAdvisor</a></p>
26.     </li></ul>

If have a page id="#notes" what selector should put in the below to load content in a div in page #notes either of these events
[1Reply]
- 07-Jun-2019 04:11 AM
- Forum: jQuery Mobile
If have a page id="#notes" what selector should put in the below to load content in a div in page #notes either of these events happen in page before show and show... ?

pagecontainerbeforeshow

pagecontainershow

Code examples:
Initialize the pagecontainer with the show callback specified:
1
2
3
$( ".selector" ).pagecontainer({
show: function( event, ui ) {}
});
Bind an event listener to the pagecontainershow event:
1
$( ".selector" ).on( "pagecontainershow", function( event, ui ) {} );

Code examples:
Initialize the pagecontainer with the beforeshow callback specified:
1
2
3
$( ".selector" ).pagecontainer({
beforeshow: function( event, ui ) {}
});
Bind an event listener to the pagecontainerbeforeshow event:
1
$( ".selector" ).on( "pagecontainerbeforeshow", function( event, ui ) {} );

why this empty space - css is not fixed auto by jQm?
[5Replies]
- 29-May-2019 03:20 AM
- Forum: jQuery Mobile
jQm 1.4.5
Why in collapsible widget between items, in header (double line with empty black color) and footer there is empty space like image attached... ? In footer one item is also Not aligned with other footer buttons... well?
1.     <link rel="shortcut icon" href="../favicon.ico">
  <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,700">
      <link rel="stylesheet" href="../css/themes/default/jquery.mobile-1.4.5.min.css">
      <link rel="stylesheet" href="../_assets/css/jqm-demos.css">
      <script src="../js/jquery.js"></script>
      <script src="../_assets/js/index.js"></script>
      <script src="../js/jquery.mobile-1.4.5.min.js"></script>
2. 
3.     <div data-role="page" id="demo-page" data-url="demo-page">
          <div data-role="header" data-theme="b">
              <h1>Design Patterns GoF & more in 4 Languages</h1>
              <a href="#left-panel" data-icon="carat-r" data-iconpos="notext" data-shadow="false" data-iconshadow="false" class="ui-nodisc-icon">Open left panel</a>
              <a href="#right-panel" data-icon="carat-l" data-iconpos="notext" data-shadow="false" data-iconshadow="false" class="ui-nodisc-icon">Open right panel</a>
          </div>
          <div role="main" class="ui-content">
  
              <div data-role="collapsible" data-inset="true">
                  <h3>Creational (5)</h3>
                  <ul data-role="listview">
                      <li><a href="#pattern" data-dp="Singleton">Singleton</a></li>
                      <li><a href="#pattern" data-dp="Prototype">Prototype</a></li>
                      <li><a href="#pattern" data-dp="FactoryMethod">Factory Method</a></li>
                      <li><a href="#pattern" data-dp="AbstractFactory">Abstract Factory</a></li>
                      <li><a href="#pattern" data-dp="Builder">Builder</a></li>
                  </ul>

I get much space between 1st and 2nd column using 1.4.5 ... what to do???
[2Replies]
- 04-Sep-2016 02:50 PM
- Forum: jQuery Mobile
1. <div class="ui-grid-a" id="entry">
2. <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="width:120px;">TYPE:</div></div>
3. <div class="ui-block-b" id="entryTYPE"><div class="ui-bar ui-bar-a">Block 1,2</div></div>
4. <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="width:120px;">DESCRIPTION:</div></div>
5. <div class="ui-block-b" id="entryDESCRIPTION"><div class="ui-bar ui-bar-a">Block 2,2</div></div>
6. <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="width:120px;">ADDRESS:</div></div>
7. <div class="ui-block-b" id="entryADDRESS"><div class="ui-bar ui-bar-a">Block 3,2</div></div>
8. <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="width:120px;">TEL.:</div></div>
9. <div class="ui-block-b" id="entryTEL"><div class="ui-bar ui-bar-a">Block 4,2</div></div>
10. <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="width:120px;">Fax/MOBILE:</div></div>
11. <div class="ui-block-b" id="entryMOBILE"><div class="ui-bar ui-bar-a">Block 5,2</div></div>
12. <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="width:120px;">EMAIL:</div></div>
13. <div class="ui-block-b" id="entryEMAIL"><div class="ui-bar ui-bar-a">Block 6,2</div></div>
14. <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="width:120px;">URL:</div></div>
15. <div class="ui-block-b" id="entryURL"><div class="ui-bar ui-bar-a">Block 7,2</div></div>
16. </div>
I get much space between 1st and 2nd column using 1.4.5 ... what to do???

when using online version appear icons when local version Not appear icons ... what to do???
[4Replies]
- 02-Sep-2016 11:49 AM
- Forum: jQuery Mobile
1. <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" />
2. <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
3. <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
6. 
when using online version appear icons when local version Not appear icons ... what to do???

has columns like bootstrap for a row... for layout a page of objects
[1Reply]
- 20-Sep-2015 11:10 AM
- Forum: jQuery Mobile
jQm old or new version...

has columns like bootstrap for a row... for layout a page of objects, widgets, text/photos, grids, tables etc

eg in Phone I have a column but In tablet view what if I want to have 3 or 4 or 6 columns in a row...?

jQm has grid layout system like Bootstrap's 12 columns?
[1Reply]
- 04-Jan-2015 08:20 AM
- Forum: jQuery Mobile
jQm has grid layout system like Bootstrap's 12 columns?

CAN you tell a way for a very big listview get height eg only 300px?
[3Replies]
- 02-Jun-2014 05:36 AM
- Forum: jQuery Mobile
JQM 1.4.2

CAN you tell a way for a very big listview get height eg only 300px? In other words to contain a vertical scroll bar?

listview will be search enabled.

I wrapped inside the below div the list view - but is it jQm way?
1. <div style="height:300px; overflow:scroll; overflow-y:scroll; overflow-x:hidden; text-align:center; -webkit-overflow-scrolling:touch;">

I want upon unload detect the destinated url (how, this the problem)
[1Reply]
- 21-Nov-2012 12:50 PM
- Forum: Using jQuery
2. $(window).unload(function(){
3. alert("Goodbye1!");
4. if (window.location.indexOf("localhost/freelancerHelp/divsMoveShowPCH/")==-1) {
5. alert("Goodbye2!");
6. }
7. });
9. // I want upon unload detect the destinated url (how, this the problem?) and appear a message only if not in my site the future url... how?

Any tip to start implement this Drag&Drop(Move) functionality
[0Replies]
- 04-Mar-2012 03:31 PM
- Forum: Using jQuery UI
Any tip to start implement this Drag&Drop(Move) functionality

I know JavaScript/jQuery quite well,
At:
http://www.torfl.eu/36/puzzle.html
I created a game but is not attractive, well I want to implement additionally to click&move the Drag&Drop(Move) event, so when you drag: i) a letter icon or yellow icon to: ii) a yellow icon or letter icon, then interchange places located, and vice versa, so as to solve as a whole... when drag a Russian alphabet letter over another the latter gets highlighted, if drop (release mouse) letters change positions... how?

Any tip to start implement this Drag&Drop(Move) functionality (road map)?

Do you know any similar sites do this?

if have two pickers pick-up/drop-off, and choose a date x in first the second chooser goes auto to choose x+4days front of first
[0Replies]
- 29-Feb-2012 04:19 PM
- Forum: Using jQuery UI
In calendar date picker exist any way, if have two pickers pick-up/drop-off, and choose a date x in first the second chooser goes auto to choose x+4days front of first...without restrict choose at second-picker, smaller than 4 days front but bigger than first-picker date...

«Prev
Next »

Response title

Attachments

jQuery Forum

Activity Trend