JavaScript inside Collapsible
Hello, I am using JQM 1.2.0 and I have a simple collapsible with JavaScript inside: <div data-role="collapsible" data-collapsed="false"> <h3>Section Header</h3> <script>alert("Test");</script> </div> The problem is that when the page loads, the JavaScript inside the collapsible is executed twice. The example is simple to illustrate the problem and in production, there is no way to move the script outside of the collapsible. How can I instruct JQM to NOT execute the script two times?
radio button combinations to show hidden DIVs
I am new with both javascript and jQuery. I found an older example here of grabbing multiple radio button checks and displaying certain DIVs as a result. http://forum.jquery.com/topic/form-combination-of-checked-radio-buttons I have a similar task and created the page discussed. The script seems to display an OR result. Radio button A or radio button K cause the correct a-k DIV to appear. The problem is, I need an AND result. I need a DIV to appear only if both A and K are checked. The code
jquery.tablesorter.pager issues
I have two issues when using jquery.tablesorter.pager.js. The first isssue is that I do not get the pagination widget at the bottom of the table displayed. I do get 10 rows with my header and footer but no widget below for sorting through my record set or to change the pagination number. The second issue is that when I select a sort from the table header my table collapses so that only the header and footer of the tabled is displayed with no rows between them listed. Any suggestions appreciated,
JS Problems with quotations: Pass Variable?
Hi Gurus Basically hardcoded the variable works fine, but I want to pass a variable objectId (in bold below) where the other bolded text is. I have typed and escaped the characters. I know you need to invert the ' "'s but there are so many and I've tried just about every combination. Where am I going wrong? It's probably something simple but I have been frustrated for about half hour, might go get a coffee and take a break. Code below. Any help would be appreciated Thanks, D for(var i=0, len=results.length;
Navigation across hash pages #a-->#b-->#a-->#b not working
I have a page called store.htm and it has #latest #updatedlinks #allbuilds each an every page has links to other two from header example when i navigate from #latest (i.e it is load page so store.htm will take me to store.htm#latest) and clikc on the updatd links i am navigated to store.htm#updatedlinks. them when i click on the latest link on #updatedlinks i am navigated to store#latest. Again when i click on updatedlinks link from # latest page i am not taken to #updatedlinks page and i am still
Correct alternative to eval().
Hi, can anyone tell me the correct way to form a string without using the eval() function. I am currently using the following code: alert(eval(childID).getAttribute('data-name')); Thanks, Lammie.
MVC Partial view renders in its own window instead of as a child of main view
I am using Jquery mobile to render MVC view to a mobile device but when I use @Html.RenderPartial("partialview"), the partialview replace the the main view window instead of it displaying inside the mainview. This is happening because of the jquery-mobile-1.3.0.min.css and if if remove that refrence from my layout file, it works fine but no mobile contents. <link rel="stylesheet" href="~/Scripts/jquery.mobile-1.3.0/jquery.mobile-1.3.0.min.css" />
Help Hover Effect
Hi! I'm a newbie here, I would like to ask how to do this thing, this is the link http://unfold.no/#/people specifically the hover effect on the image then suddenly it becomes larger and at the same time it is showing text. I would like to ask if how can I do this in a JQuery. Thanks very much!
Heeelp :( Replacing text
my HTML is : <li> this is MY first </li> <li> this is MY second </li> <li> this is MY third </li> <li> this is MY fourth </li> <li> this is MY fifth </li> i want to change it to : <li> this is HIS first </li> <li> this is HIS second </li> <li> this is HIS third </li> <li> this is HIS fourth </li> <li> this is HIS fifth </li> HOW ??
Break buttonset into multiple lines
Hi, I'm using the buttonset as radio buttons, and i'm loading them dynamically for each entry in the DB. So I don't know how much buttons i could have... I need to break them into multiple lines. Is there a simple way to do it without loosing the border radius? Thanks
Moderator contact
I saw this post over in the getting started forum and it reminded me of something I'd thought of a few times. That it would be helpful if there were a contact method to get in touch with a moderator. I see a lot of posts that are duplicates or that should be moved to a different forum and the only way I know to let someone know is to send them a PM and then I only send them to a couple of people that I know to be moderators. Other forums have a moderator(s) for each forum that are listed on each
jquery.cycle: need to add activeslide to goto2 demo
Hi all! I've been burning my brain out for hours trying this and am totally stumped. I am using goto demo 2 (http://jquery.malsup.com/cycle/goto2.html) to add "input" buttons for pager. (Why? Because I am already using manual pager elsewhere! Client wants both.) I was able to add an activeslide class to the manual pager, but not to the input buttons. Can anyone help me with this? The code and a working demo, literally identical to what I am working with, is available at the malsup page: http://jquery.malsup.com/cycle/goto2.html
Switcher feature not functioning properly
I am trying to build a simple switcher feature. What is happening right now is, if originally everyone is selected and if I click on only friends, 'selected' class is properly assigned to only friends and removed from everyone. But if originally only friends is selected, nothing happens. $(".switcher span").click(function(){ $.ajax({ type: "GET", url: "content/profile/index.cs.asp?Process=ChangeComm", success:
iOS Chrome URL rewrite problem
The JQM url rewrite does not behave correctly on Chrome iOS. The URLs are stacking on each other. Click, <a href="htttp://my-site.com/local-stores-shopping/">LINK</a> loads the next page correctly but the url is then "http://my-site.com/#/local-stores-shopping/". If I then click then click, <a href="htttp://my-site.com/top-fashion-brands/">LINK</a>, I am taken to "http://my-site.com/#/local-stores-shopping/#//top-fashion-brands". Does anyone know why the /# is being added and the clicked URL is
Mobile Images sub-directory?
Can anyone provide mobile's search path for named images? (As in the listview href arrow-r png). I have the image file OK, but I don't know its intended/required storage location. Thanks, all.
panel
The panels have a bug ,panels Tablet PC applications an bug
JQuery Load - Limiting the amount of Text
Hi, I'm fairly new to JQuery and wanted some help using the 'Load' function. I have created a fairly simple staff directory and as you can see there is a brief snippet of text for each academic, which links to their full profile. I am wanting to use JQuery Load to pull the content from each staff members page and show it in the staff directory (replacing the static text that is currently there). This will mean that the staff directory should effectively maintain itself, updating automatically when
Need help with Sortables
Hi, I'm using jquery-ui-1.9.2.custom.js, and am having a problem with my sortables. In the attached code I can drag and drop section to and from sectionGroup1 and sectionGroup2 so long as there is at least one item in the target sectionGroup. However if I try to drag a section to a sectionGroup which contains no sections the section won't drag there. Bit of a noob and failing to see what my problem is and how to solve it. Any help would be appreciated. Regards
Asp.net MVC 4 Autocomplete
Hi evry one. I have proble on use Autocomplete on my project. I have error Runtime Error JavaScript: Object does not support property or method "autocomplete" On my code. <script language="javascript"> $(document).ready(function () { $("#title").bind("autocompleteselect", function(event,ui) {}.autocomplete({ source: "/Default1/Autocomplete/", minLength: 2, select: function (event, ui) { alert("State Id:"
Returning Attribute name from secondary Div.
Hi, I have the following code: <div id="sport"> <div id="page1" name="trial">Thanks</div> </div> The id sport is bound to a 'click' event. This is fine but is there a way I can get the name attribute that is contained in the page1 div? Thanks, Lammie.
Cookie help needed jQuery UI, utility ...
Hi all, For my privacy&cookies policy I need to find out what some Javascript-Cookies are doing which I have on my website (not public yet). I am not a programmer, I do not understand code, but I have seen in my sourcecode (Oxid Community Edition 4.6.5) a couple of Javascript-Cookies, for which I am unable to understand what they are doing. In these files I have found an indication for the Jquery Website, so I try it here I have found cookies in these programme-files: - jquery-ui.min.js (related
Theme Roller broken in Chrome
If I use Chrome Version 25.0.1364.172 m I can not customize the theme. Every time I make a single change, the entire theme reverts back to the last one I viewed from the gallery. This does not happen on Firefox. Just thought someone should know the website has a bug. and is there a beter place to post this info? thanks, D
High End Drag and Drop
Hello, I'm trying to create a site that's very similar to this one site. How far I am: - clone a simple element of one list and put it into a seconde list. What I don't get: - how to clone more complex elements than a text Can anyone tell me a good tutorial or has a good advice?
how to make navbar appears at bottom of window on page load
Hi kindly have a look here. www.clockhousedesign.co.uk/highgate ON PAGE LOAD I want navigation bar to appear (as may be like fixed footer) at the bottom of the window, regardless of the window/ screen size. (by the way i am using jquery code that makes navigation bar scrolls up and then become fixed at the page top.) kindly guide me
how to enable autoplay in a jquery?
$(function() { $('#da-slider').cslider(); }); i'm using this script for a slider. how to enable auto play in this script?
jQuery SVG plugin: How to mask an image using one of the group layers imported from SVG code
I am starting to use the jQuery SVG plugin made by Keith Wood (ref http://keith-wood.name/svg.html). I didn't find documentation or examples for what I am trying to do, I know that on Keith Wood plugin site he has a masking example but I will like to know how to mask an image mask to one of the SVG group layers imported when loading from SVG file. Any code examples or ideas or I am even wondering if this is possible. I appreciated your help, thanks
How to get the option value using the text inside the dropdown?
I would like to get the option value using the text value inside the dropdown. If you look at the code below, I want to retrieve the value "javaAndJ2ee" into var Opt. Not working though. <script> $(document).ready(function(){ var Opt = $('#modifyType option[text="JAVA AND J2EE"]').val(); //Do Processing }); </script> <body> <select id="modifyType"> <option value="java">JAVA</option> <option value="javaAndJ2ee">JAVA AND J2EE</option> </select> </body> Can you please provide some input on this.
themeroller button icon is not working for asp.net butotn
HI. i have asp: button in my page.i am using themeroller.i need to have button icon as in themeroller.but its not working for asp.net button but its working for html button.can anyone give me the answer fot ths
Toggle div below elements
Hi, I, like many of us here, am new to JQuery and its wonders. While trying to implement the toggle/hide function, i find that the new <div> that I open falls below my <h2> tag. Is this simply a browser compatability problem? If this has aleady been discussed/answer, please provide a link or discussion topic that i may review. <body> <button id='logButton'>Log</button> <div id='logBlock' style='display:none'> my log </div> <h2>Header</h2> <div id='bodyContent'>Body Content</div> ---- $(document).ready(function(){
Remove class from all tr but the last selected one
Hi all, I have a page with a lot of tables, and each table has selectable rows. When a table row is selected, the "highlight" style is applied to it. I need to "unselect" (i.e. remove the "highlight" style class) from each row but the last selected one. Here is a code example: <table> <thead></thead> <tbody> <tr class="content highlight"> <tr class="content"> <tbody> <table> <table> <thead></thead> <tbody> <tr class="content highlight">
jcarousellite oscommerce and firefox
Pretty Random this one is. I've got jcarousellite running on oscommerce. At first glance everything seems to be running fine. I open the page in Chrome, IE, and Firefox and jcarousellite loads and runs fine. The problem comes in Firefox when a customer logs in. After log-in the customer is redirected back to the homepage where jcarousellite is running however it's pushed all the way to the right of the screen. It appears to still be working however all I can see is a small peace of it. Basically
Form is submiting by calling own function in Jquery ?
hi all, I'm tring to write one external function to append option to select box, when you enter some value text box and click on ' add ' button. It is appending to select box when we click on 'add' button at same time form submition also going . How to solve this problem ? Please help anyone ? Thanks& Regards, Nazeer HTML CODE: <script src="js/jquery.js"></script> <script type="text/javascript" src="js/editableList.js"></script> <script type="text/javascript"> $(document).ready(function()
Fade on Scroll not working properly in Firefox
Trying to get the header area to go from solid to opaque after scrolling down a certain number of pixels. In the case of the test, it is 200 pixels. In Chrome, IE, Safari it is working properly or at least quite better than in Firefox. Sometimes it works but is very delayed in Firefox and other times it takes a bit of scrolling up and down an few times to make it work properly. Please view in Chrome or something other than FF and then view in Firefox to see the issue or delay. CodePen of Issue Any
calling messages.properties key from Javascript & JQuery
How can i call messages.properties key from Javascript and Jquery?
Need a Sparkline graph with MySQL data
Hi there, I've been working on a project where I'm using PHP & MySQL to retrieve data from our database to display data (at the moment in html tables), but would like to display the results alongside a sparkline graph. I've had very little experience with javascript and this is my first real test. I have included the jquery.js and jquery.sparkline.js libraries, and created a HTML page with the sparkline code, but when I try to pass MySQL query data to the sparkline values I just get PHP errors.
getting caller of popup dialog
Hi, how can i get the caller of a popup dialog? The popup dialog is opening by a button with "a href". Pls help and sry for my english. ger_mobi
Conditional Validation based on select
Hi there I'm new to using this plugin, and a particular problem has been driving me nuts! I want to make a field required based on the value chosen in a drop down list. I've seen a number of different ways of doing this, but can't get any of them to work. Here's the code.... <select id="ddlNumber" name="ddlNumber"> <option value="">Please Select</option> <option value="1">One</option> <option value="2">Two</option>
get id from element when click on then insert to another jquery seletor to perform another function?
Here is my code $('.info_show').click(function(g){ var a = $(g.target).attr('id'); $('.icon').click(function(e){ $(a).removeClass('red blue black').addClass($(e.target).attr('value')); }); }); Is there something wrong? Thanks & sorry about my English.
Moving a draggable without mouse when event is launch
Hello, First of all, sorry for my english. I want to move a draggable when the event is launch (the user already move the draggable with the mouse). I change the css property left of the Html element an d this element move but as soon as the user move the mouse, the element return to this original position. In this exemple, you may see that when we scroll with the element 1, this element don't move with the scroll. And when we scroll with the element 2, this element is correctly move with the scroll
empty on a combobox doesn't work
Hello everyone, Firstable, I apologize for my english because I'm french :) Here is my problem, I've updated my jquery version to the 1.9 and my ui to the 1.10.2 My hmtl code : <div id="mydiv"> <select id="myselect"> <option value="1">1</option> </select> </div> <input type="button" id="clearbutton" value="Clear"> My js code : $( "#myselect" ).combobox(); $('#clearbutton').on('click', function(){ $("#mydiv").html("<select><option value='A'>A</option></select>"); });
Next Page