Jquery treeview
Hi im new to jquery .. i need to develop a treeview using jquery .foe im downlaod the jquery treeview plugin..in need to generate the table using the json data. can u send me any example.
Dynamic List not displayng JQM style, tried several fixes to no avail...
Hi, I have tried a ton of solutions and am in the hair pulling stage, if anyone can help it would be deeply appreciated... TIA. :) I am attempting to display the contents of a JSON array in my HTML with proper styling in place. Here is the JSON array I am loading: http://highendwholesale.com/json.php Here is the result I get when using the code below, as you can see it loads fine but without styling -- if anyone can help me get this working I would be grateful: http://highendwholesale.com/test.php
Jquery with Dynamic Content
Hi folks, I've been attempting to use random jquery plugins when writing vbscript programs, and they work fine as long as my content is static and hardcoded, but the majority of my content is loaded dynamically after the initial page load. I've googled around but I can't find a good solution. I've found ajax solutions, but that requires php or another site loading my data back. All my data comes from embeded functions from a button click. Is there any way to force a jquery plugin to reload itself,
errorPlacement Working Positioning for single element
Hey all, Im trying to work with errorPlacement. I would like to change the position and color of one field while keeping the others default but having a difficult time with it. here's the jsfiddle code: http://jsfiddle.net/Kn3v5/220/ - click submit to see errors - "Please select an option" - default error message - "Accept the TOS" - should be flushed and purple (2E0854) Any help would be appreciated.
Draggable auto-scroll ruins containment
If I drag a draggable element close to the edge of a window (or jsfiddle pane), the element starts rapidly jumping ahead of the cursor, easily escaping the containment rect. This jsFiddle demonstrates the issue. Just scroll down in the result pane by at least the height of the box (that's not precisely tested), then drag it up. It actually works correctly if you don't have enough room above to scroll, and if you don't let go of the mouse, you can usually drag it back onto the main div. At that point,
Multiple JQUERY scripts on the same page
Hi there, I know this has been asked many time, but none of the answers have worked, I need two scripts to work on the same page, heres what I have got so far: <script src="js/jquery-1.7.min.js" type="text/javascript" charset="utf-8"></script> <script src="js/jquery.modern-ticker.min.js" type="text/javascript"></script> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.slider.min.js"></script> and.. <script type="text/javascript">
Can I have help Please on a special request for Links
Hi, I am tryin to create a calendar of past editions of a magazine section. Every month is a Flash file photo gallery, I already have the current month replicating, BUT, I need to call every and each of one, of the pass editions, but NOT to creating new pages for every pass edition, What I want is to be able to call the SWF over the same page, I know is something with functions, and I been looking witout any seccess. I wonder if jquery can do something like this, it is basicly a Gallery but not of
Filtering option send to ajax request as data
I wanted to combine paginate and filtering by options using jquery ajax request. this form is for filtering purpose: <form id="formfilter" method="post" enctype="multipart/form-data"> <div> Genre:<br /> <select name="filterGenre" id="filterGenre"> <option value="all" selected="selected">All</option> <option value='1'>Education</option> <option value='2'>Entertainment</option> <option value='3'>Documentary</option> <option value='4'>Short Content</option> <option value='5'>Animation</option> </select>
annontating a link w/an image using jquery.
Hi all was following a tutorial where jquery was ussed to append an image to a link so for example I have in the html: <ul id="list2"> <li class="a"><a href="www.google.com"> google</a></li> <li class="b"><a href="imgs/logoPH.jpg"> a jpg</a></li> <li class="a"><a href="imgs/v2.0_L2_Technology_expanded_dlm01.png"> a png</a></li> <li class="c"><a href="apdf.pdf"> item
CKeditor - Destroy instance
Hello Does anyone here know anything about CKEditor? I've got it installed on my site and it works great in FireFox and Chrome. But IE 9 is causing problems. For some reason I can't destroy the CKEditor instance in IE 9. Following is my script: $("#ckSubmit").click(function(){ // grab reply editor data var editor_data = CKEDITOR.instances.replyTxtarea.getData(); // Push getActivityID and editor_data into array // getActivityID; is activityID variable
.hide not working when I have fadeTo as another function?
Okay so heres the new topic. Take a look at this: http://jsfiddle.net/QXJN8/ I was using the hoverIntent to make it run smooth but oblivious I dont know how to link it up in jsfiddle. Any help??
fadeTo crashing my browser?
Hi guys, I am new to this and have a very basic understanding. I spent a lot of time learning it all but certain things still trouble me. Like why does the code below crash firefox? $(function fade(){ $("#bottom").fadeTo(1000,.6).fadeTo(1000,1), fade(); I know it is this part because when I take it out the rest works. Here it all is together: <script type="text/javascript" charset="utf-8"> $(window).load(function() { $("#zoom_10").elevateZoom({easing : true}); $("#zoom_11").elevateZoom({easing
Problem with tabs, not finding tab id's?. Inserting it's own divs.
I have a tab set thus: div id="TabDiv"> <ul> <li><a href="#tab-1">{TAB Option='0'}</a></li> <li><a href="#tab-2">{TAB Option='1'}</a></li> <li><a href="#tab-3">{TAB Option='2'}</a></li> <li><a href="#tab-4">{TAB Option='3'}</a></li> <li><a href="#tab-5">{TAB Option='4'}</a></li> <li><a href="#tab-6">{TAB Option='5'}</a></li> <li><a href="#tab-7">{TAB Option='6'}</a></li> <li><a href="#tab-8">{TAB Option='7'}</a></li> <li><a
[validate] No button variable submitted when remote checked field not touched
Hello, I think I have found a subtle bug in using the validate plugin with remote validation. If a field is validated using the "remote" feature, if the field is not altered, even if it contains valid content, when pressing the submit button (save), the submit is triggered, but the "save" button is not one of the fields sent to the server. I have arranged a simple test page to show the problem. http://srv01.dardini.it/validate/test.php The source of the page can be recovered at the following url,
LOAD EXTERNAL FACEBOOK PAGE WITH BACK BUTTON ON HEADER
Hi! I'm trying to load my facebook mobile page page in my IOS app, but I need to load it in the div content, and in the header set a BACK button to return to the main screen (index) I show us some screenshots . How can I dot it? I'm lost This is my index page and I want to set a button to my facebook page (with a back button on the header so) This would be the facebook page I need design THANKS!
New android application launched
Hi All, Thanks everyone for their support. I have finally launched by first android application based on jquery mobile. This is a small brain puzzle type of game, where you have to guess the number based on series of feedback and inputs. You can view the listing here https://play.google.com/store/apps/details?id=com.bnumlock The UI is very simple as I wanted that look and feel. One thing I struggled with jquery mobile is some animation examples that will get you started for mobile platform. Also
ajax post issues on mobile view
why doesnt ajax post work in mobile view? is there any special way for making it work as it does in desktop view? to be more specific: I have ajax login which is set to redirect to another page on success. It works in normal desktop mode but when tested on mobile devices (smartphones) then it gets stuck in the same login page despite the success.
How to bind a dialog link created dynamically?
Hi, If a have a route /user/:id that returns me a HTML and I create a dialog link, that calls it, like the following: ```js $('#content').append('<a href="/user/1" data-rel="dialog">Dynamic</a>'); ``` How can I bind it after the `mobileinit` already performed? There is something like?: ```js $('a').dialog(); ``` Thanks guys!
iPhone rotation shrinks page
When I go to this page and select the date, press done, then rotate the phone, the page is small and zoom is enabled. What am I doing wrong? <meta name="viewport" content="initial-scale=1, maximum-scale=1, width=device-width, height=device-height"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" media="screen" /> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>
Weird problem with page transition and ajax disabled
Hi, I have been stuck for a couple of days now with my new mobile web site. I have a page that is bigger that the screen so vertical scrolling is involved. I have ajax disabled using $.mobile.ajaxEnabled = false; because the next page has a different <header>, this works! What I notice is that the links work fine if I do NOT scroll or only scroll a little, once I scroll down by a around 30% of the screen height the hyper links work but do not take me to the page, it just goes white and hangs. At
Capture first text on first iteration
Hi Everyone; I'm using jquerymobile for a project on phonegap. I have a dinamic listview for(i = 0; i < qtty; i++){ html += "<li><a href='#listingresults' class='byCounties'>"+Counties[i].Name+", "+Counties[i].CityName+", "+Counties[i].Abbrevation+"</a></li>"; } $('#counties_ li').remove(); $('#counties_').append(html); $('#counties_').listview('refresh'); When I try to get the content of the link in the li using $(this).text(); the first time it always returns an empty string, but the next time
check box is not checking in jQuery.1.9.1.js
here is two example one using jquery.1.5.2.min.js http://demo.smarttutorials.net/test/table1.html other is using jquery.1.9.1.min.js http://demo.smarttutorials.net/test/table.html if i add more rows using addmore button then using select_all() function i had written to check all the check boxes. it working fine in jquery.1.5.2.min.js but not working in jquery.1.9.1.min.js here is code <script src='jquery-1.9.1.min.js'></script> <h1>Prescription Notes</h1> <form id='Prescription' method='post' name='Prescription'>
How to combine ' resizable(){ resize: function() .. ' with ' handles: "se" '
Hi nerds, I'm using jquery-ui resizable() to trigger a function on a textarea-resize event ..... <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css"type="text/css" media="all"> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> <style type="text/css"> .ui-resizable-se {bottom: 17px; } </style> <script type="text/javascript">
Custom data Icons not appearing in header...just get plus symbols
I'm working on this JQuery Mobile site using 1.3.1 and JQuery 1.9.1 and my issue is I have a couple of custom icons in the header. One for the logo and one for a Share symbol. Neither are showing up. Instead, I get the generic + symbol. I've done this before so I'm puzzled why I'm not seeing the custom data icon. Here's the code I'm using: <header data-role="header" data-position="fixed" data-id="appHeader"> <a href="#" data-role="button" data-iconpos="notext" data-icon="logo">Back</a>
Selector not working
I have this code that works great on my test webpage, but in my development area it doesn't work properly, the span with a class of buttonOn works. I have 5 span tags and the one I have clicked should have the text in green(ButtonOn) and the others red(buttonOff). <div id="control"> <span class="buttonSmall-grad buttonOff">Std Night</span> <span class="buttonSmall-grad AllOn buttonOff">All On/off</span> <span class="buttonSmall-grad
How to create Dynamic portlet with close option
How to achieve a dynamic portlet with close option in jquery?
Doctype crashes JQuery
Hi guys and nerdy girls, I use latest JQuery UI. When my html file has no doctype set, it works fine in Chrome. However, in Firefox nothing works telling me a Doctype is needed to execute Javascript. When adding the HTML5 doctype to the html file, nothing works any longer in any browser. (I did not yet test IE). Please see my file without doctype (use chrome, FF doesnt work): http://parallel-pictures.com/index.html The file with Doctype is: http://parallel-pictures.com/index_doctype.html What do
get Script problem
Hi all, I have a tricky problem here and need your help! I have done something like this: ... <link rel="stylesheet" type="text/css" id="css_sheet" href="stylesheet.css" charset="utf-8" /> ... $(document).ready( function() { <!--CSS and JS setting mobile devices--> mobileDevice(); $(window).on('resize', function() { mobileDevice(); } ); }); function mobileDevice() { var ww = $(window).width(); if ( ww < 690 ) { setSize('_mobile'); } else { setSize(''); } } function setSize(
[Tabs] Fade effects which compatible with latest versions?
Can we apply contents fade in/out effects on Tabs? It was possible with the following code, but that doesn't seem to work with jQuery 1.10.1 and jQuery UI 1.10.3. And I found no documentation about applying fade effects. $('#tabs').tabs({ fx : { opacity: 'toggle', duration: 'fast' } });
pass data from listview to detail view in html app using jquery
i want to pass data from listview to detail view because i want to add button(add to cart) there..there is index page which i have include all the scripts. here is my code please do let me know where am i wrong product.js code $('#myPage').live('pageshow',function(event){ var id = getUrlVars()["cat_id"]; $.getJSON('http://siliconsoftwares.in/store/jsondesc.php?cat_id='+id, function(data) { //THIS IS NOT WORKING, IS THE SAME AS PUTTING id, not id_localidad $.each(data.items, function(i,
Add anchors to itself
Hi, I am creating my first plugin, the goal is to create a simple table pager. Here is a link to what I have so far: http://codeturtle.com/files/pager.html The problem I have now: when user click on 2 or 3 at the bottom navigation, nothing happens because I can not figure out how to call the javascript the right way, I was thinking: $('#tbl1').pager(5, 2) and $('#tbl1').pager(5, 3). Thanks
linking to jquery script
Hello all. this is what I have in my head section. <!-- jquery --> <script src="js/jquery-1.10.1.js"></script> <script src="js/myJs.js"></script> and also tried putting the second script, the js/myJs.js below the footer. (wich is better btw?) the folder that holds the index.php & style.css hold the js folder w/the js files in it. It should all work. but the script won't link or work unless it is typed directly into the head section of the index.php file. bit baffled.
Responsive Web Design, Label and Input Text width intelligence
I work on an ERP web application. As an application designer I know which fields are tiny Y/N and which fields are long addresses, descriptions, urls, and which are in the middle. As an extension to Responsive Web Design I would like to impose some fixed width intelligence at the atomic level in the data-fieldcontain divs. Grouping a number of these data-fieldcontain divs in float panels to act as the floating grid supports that portion of RWD. But screen territory use can be optimized by applying
jquery how to hide <select> menu
<select id="wybierz1" style="display:none" > <option data-icon="arrow-u" data-iconpos="top" style="display:none" >- SELECT -</option > </select> the above display:none does not work. I have also tried "hidden", but to no avail. How to hide this select menu?
Tabs in Tabs?
Is it possible to put tabs inside another tab, without having the tab they're inside of disappear when you click on them? If that makes any sense. I'm building my whole website on one page, and each separate "page" is a tab, but I want to use tabs in one of the tabs for a clothing section and I'm having a hard time separating them. Whenever I click on one of the tabs for the clothing section, the whole clothing section disappears. I'm still kind of new at JQuery, I'm in Web 3 in college right now
show the same layer and image using jQueryMobile on changePage when using ajax
it is possible to display the same image layer of filler used in ajax changePage when used to recharge a document part jQueryMobile.
jquery mobile popup - button not styling correctly with data-iconpos=“notext”, and other problems
I am making a mobile web app and am using jQuery Mobile. I have a navbar at the bottom and when you click the left button the popup shows correctly but the close button is not being styled correctly when i use data-iconpos="notext". Here is my code: <div data-theme="j" data-role="footer" data-position="fixed"> <div id="navbar" data-role="navbar" data-iconpos="bottom"> <ul> <li id="navbar-menu-button"> <a href="#navbar-popup-menu"
jQuery 2.0.x How to 'roll-you-own' limited version.
I am interested in selecting a subset of jQuery's SRC files to build a smaller "limited scope" version. I am looking for some additional focused information on "dependencies" and/or any suggestions. For example, I do need some ajax, say "jsonp." Do I need .../src/ajax.js and ...src/ajax/jsonp.js but not script.js and not xhr.js. Of course that is a simple example but is there a "map" perhaps of some common combinations to consider? Any help would be appreciated. Thank you. ...greg
Scrollable div not returning scrollLeft() value on android until after a screen touch?
I have a simple div with the overflow set to auto, and a label that shows the scrollLeft() position of the div. it works on IOS, the number moves up and down as your scroll. On Android (tablet) though it fails to update the value of the scrollLeft() function until after an additional screen touch is recorded? Any Ideas? Thanks Look at this example at http://jsfiddle.net/yatescr/37Axm/1/ then try it from an android tablet, the position will not update until the screen is touched after you slide
Issue making prototype function loop through an array and bind multiple times
Basically what I want is the ability for a user to be able to type in not only the code to get to a dropdown, but an additional value I specify. In this simple example, when a user is focused on the dropdown, my goal is for them to be able to type A or 1 to select A, B or 2 to select B, and C or 3 to select C. With my current implementation only 3 is working (which is the last element in the array), so it seems like the bind is getting overwritten. I've tryed using $.each instead of a standard for
Next Page