jQuery Forum

Hi,

I am having trouble with my buttons looking like simple anchors in my side panel. The panel markup is placed before the div 'data-role="header":

business.html

1. <div id="infopanel" data-role="panel" data-position="right" data-display="overlay"
2. data-theme="a">
3. <!-- panel content goes here -->
4. <h3 id="panel_heading"></h3>
5. <p id="panel_description"></p>
6.       <div data-role="controlgroup" data-type="horizontal">
7.       <a href="#" data-role="button">Map</a>
8.       <a href="#" data-role="button">Coupon</a>
9.       <a href="#business_list_page" data-role="button" data-rel="close">Close Panel</a>
10.       </div>
11. </div>

I am creating the dynamic html in $(document).on(“pagecreate)... while looping over the list of categories:

business.js

1.  /* Add event handlers in $(document).on(“pagecreate”)
2. */
3. $(".ui-listview li a").on("click", function() {
4. $("#panel_heading").text($(this).data("Info").title);
5. $("#panel_description").text($(this).data("Info").description);
6. // Update the panel
7. $("#infopanel").trigger("updatelayout");
8. $("#infopanel").find("a").button(); // Added this in hopes it would force a refresh on the anchor buttons.
9. });
10. ....
11. // Get all business objects that match the criteria. Occurs in a separate function.
12. $.each(getBusinessObjects(businesses, "type", categoryName), function(index, business) {
13.       $("#" + categoryName + "_list")
14.       .append("<li><a id='" + categoryName + "_list_anchor" + index + "'" + "href='#infopanel' data-       role='button'>" + business.name + "</a></li>")
15.       // Add pertinent data to the anchor tag
16.       $("#" + categoryName + "_list_anchor" + index).data("Info", {
17.       title: business.name,
18.       description: "Debug test to see if this works!"
19.       });
20. });

It basically works fine. When I click on a listview item, the panel opens with the data attached to the anchor that I can use in the panel.

The trouble is the button group is not styled by Jquery but are only simple links.

Thanks in advance for any help.

Hi,

Hi,

Hi,

How would I use a var in an input tag as in:

1. <input id="zoom" name="zoom" type="range" value="myVarHere" min="0" max="25"/>
   

Thank you.

Edit:
This seems to work:

1.             <div id="divzoom" data-role="fieldcontain" >
                <input id="zoom" name="zoom" type="range" min="0" max="25"/>        
                   <script>
                       $("#zoom").attr("value", zoomlevel);
                   </script>
               </div>
   

Hi, I am using a multipage template and in order to avoid one error with google maps, I placed the map initialization in the location 'pageinit' event.

I am now having trouble altering the map with a radius circle about the center point. I am putting the circle size in localStorage and retrieving it. But even though that value alters I cannot seem to make a dynamic radius.
.
How do I alter the map created in the 'pageinit' script dynamically.
I have tried to make a var which is a circle and set it with circle.setMap(map) but it does not seem to work.

I just need to alter the map created in a 'pageinit' but cannot seem to find a way to do it dynamically.

Hi,
I am having problems with localStorage. Whenever a link takes me to another website and I use the back button to return to the jquery site, localStorage appears to have been cleared.

Do I have to explicitly tell jquery to store the localStorage variables as data for my website.

I am new to using localStorage and do not know what I am doing wrong to have my variables 'disappear' when using the back button to return from a another website.

How do I permanently store the local storage so that visiting another website does not remove it?

Thanks for any help.

Hi,
I am using a multipage template with one page displaying the google map which works fine as long as the map page is listed first. I decided to add a logo page before the map page and now the map is only a fraction of the size of the div container.



Would anyone know why this is happening?

Any help is greatly appreciated.

Hi,
I am trying to get a static .json file using jsonp across domains. The sample I found, substituting my own url, follows. This does not seem to work as no alert with the data is shown even though a alert stating the function has been hit displays just previous to this code. I would appreciate any help.:

1.                 $.getJSON("http://acaddb.hvcc.edu/~a-name/data/json/markers.json?callback=?", function (result) {
                       //response data are now in the result variable
                       alert(result);
                   });
   

Hi,
When I put <script src="http://servername/js/jquery.js" type="text/javascript" /> in the header, none of the rest of the page displays. If I remove it, the page displays.

Why would that be?