Widget inheritance calling question
Hi, I am developing a plugin using jquery ui widget. I have class (or widget) a -> class b -> class c. In other words, b extend a, and c extend b. I know that, for example, in class (or widget) c, myFunc: function() { this._super(); } it will execute myFunc in b. Let's say if I also have myFunc in class a, how can I call it in class c, without execute myFunc in class b? In other words, in class c, myFunc : function() { //how can I execute myFunc in class a, but I don't want myFunc
add more rows to jquery cookies or appending to query cookie
I am using following code to check cookie availability and create a new cookie. If cookie exists then I need to one more row to the existing cookie. function addUsers(userID, userName) { var userInfo = []; userInfo[0] = userID; userInfo[1] = userName; var cookieName = 'cUserInfo'; if ($.cookie(cookieName)) { //need to add another row to the existing cookie } else { $.cookie(cookieName, escape(userInfo .join(',')), { expires: 1 }); } } Please advise how to read all set of cookies as well.
navigation menu slideDown based on url
hi, trying to get a vertical menu working. I'm trying to show menu-items based on the url. Guess I've got the current URL right based on: $(location).attr('href'); But I can not seem to get it working/debugging. Appreciate a hint in the right direction. This is what I've got: UPDATE changed the code but still not working. If I'm on page "A-Second" and in my sidebar click on the visible A-Third (the b-section is collapsed) then.... on this new page A-Third it is my goal that the sidebar shows A-First,
jQuery Mobile - .select('refresh') not working
My code works perfect until I add the jquery mobile styling to the selectbox and they no longer refresh correctly. The second selectbox is populated with ajax. After reading around I've found that I need to issue a refresh on the selectbox but I can't seem to get it to work. I'm not massively familiar with AJAX but when the boxes are un-styled with 'data-role = none' it works as expected, so it seems to be a problem with jQuery mobile. Edit: I should mention I followed the following tutorial: http://amecms.com/article/Building-Chained-Select-Boxes-with-Jquery-and-PHP
Tip: display a plain icon. Bonus tip: awesome icons!
The question occasionally comes-up as to how to display an icon. Just an icon. Not a button with an icon. Not a list item with an icon. JUST an icon. Unfortunately, the JQM docs don't seem to address how to create just a plain old icon. I suggested a solution the other day, but it wasn't quite right. Here's the right way: <div class="ui-icon ui-icon-arrow-r></div> You might be tempted to use a <span>, because if you examine a typical page with an HTML debugger, you will see that all the icons used
Edit box control with low level events
Hi, I am a C++ developer new to web development. I want to build some hmtl5 apps for prototypes. Currently I would like to do this : 1. I have a few edit boxes. The edit boxes should be written right to left. (As each character is typed the text in box grows leftwards). 2. I should be able to set the font size. Change the edit box borders 3. Set the cursor position anywhere in the editbox 4. When the edit text is changed I need a notification. 5. The alignment of these edit boxes are precise
Any working samples of Sortable widget that saves positions to a database and then reloads them?
Does anyone have, or know of a working sample of the Sortable widget which sends a drop position to a database and then reloads all of the positions when the page is reloaded? I've been literally searching for a couple weeks now and have not been able to find a COMPLETE solution. The sortable widget is cool, but unless you can save and reload the dropped positions its kind of useless. Any help would be greatly appreciated. THANKS!
why would Jquery print differently to console.log
Why would the Jquery below print differently in chrome than JSfiddle? function AttributeNodeClass(name, type, klass, description, controls) { this.name = name this.type = type this.class = klass this.description = description this.controls = controls this.dump = function(){ console.log(this) } } function ANCList() { var list = [] this.add = function (attributeNodeClass) { list.push(attributeNodeClass) return this } this.dump = function
how to list an array of objects
how would you "dump" the content of array of objects below function AttributeNodeClass(){ this.name=""; this.type=""; this.description=""; this.controls=""; this.class=""; } function AttributeIteratorClass(){ this.attributeCatalog = new Array(); this.add = function add(oAttributeNode){ this.attributeCatalog.push(oAttributeNode); }//END function add(oAttribute) this.dumpThis = function dumpThis(){ for(i=0: i< attributeCatalog.length; i++){ console.log(attributeCatalog[i].name);
tooltip background color change
Just to start, I'm a graphic designer that was asked to take on a special project because of my familiarity with HTML and CSS. I am by no means an expert with js or jquery. I was asked to create special tooltips for various elements on a web page. My only issue is I found some pre designed code that I liked here, https://jqueryui.com/tooltip/ and now I cannot figure out how to change the color of the background on the tooltips I attached to my page. Please someone help me before I lose it.
TV Guide with Data from XML or SQL database
I am doing some research on how to create a TV guide with data coming from XML. I'm not sure if the XML needs to be posted into an SQL database and then a query from their. I need some guidelines on how to create such an application similar to this http://tv.sky.com/tv-guide Anyone posting ideas, languages, library, codes are much appreciated! Many thanks all for your help!
Uncaught TypeError: Object [object Object] has no method 'slider'
Hi, I trying to use jquery slider to chose range of port numbers, I did this : <label class="formLabel">Port</label> <div id="slider-range"></div> <input type="text" id="minvalue" property="criteriaPort" name="minvalue" /><br> <input type="text" id="maxvalue" property="valuePort" name="maxvalue" /><br> ............. </html:form> </div> <script type="text/javascript" src="js/enhance.js"></script> <script type="text/javascript"> enhance({ loadScripts:
Disable input button in table row if that row contains specific value
I want to make program of JQUERY table which disables button in table row..if that rows contains specific value=2.
Collapsing all panels on load
Hi, there! I'm using accordion in my page. By default, the very first section is always opened when the page loads, even when you set collapsible: true. Is there any way that all sections would be collapsided on page load? Thanks for your time. Paulo Ricardo Ferreira
JQuery conflict
Hello, I have a serious issue with JQuery conflict on my site. I've installed and setup an accordion slider which conflicts with the template I'm using. This causes some terrible problems for me. I've read about adding no.conflict to the code but I've got absolutely no idea where to put the code and how. Is there any thing you can do to help me with this? The module I'm using is a Joomla module name JB Flex Slider - http://joombest.com/item/2-jb-flex-slider-responsive-joomla-module And the template
tried testing AJAX Country, State, City DropDown List and got error in the console
When I tested this Code (Country, State, City Dropdown List) I got an error in the console Uncaught Syntax Error : Unexpected Token . ######################################################################################### This is an AJAX Country, State, City DropDown List <HTML> <HEAD> </HEAD> <STYLE> #SRCHORDERS{ position : absolute; top : 100px; left : 20px; width : 100px; } </STYLE> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <SCRIPT>
Help with assigning an attr to a variable
Hi. Ive just started taking some javascript and jquery lessons and we have been assigned a little project: an image galery. so i came up with the following: when i click any button with the class "thumbnail", i want to set the src of the thumbnail to a variable, and then set that variable as the src of the main image (#imggrande"). I am having trouble finding an answer on how to assign the src of the image clicked to the variable. $(".thumbnail").on("click", function() { var imgpath = ????? $("#imggrande").attr("src",
Is the new version of JQUERY compatible with parallax and waypoint?
Hi I am creating an effect based on this demo: http://cdn.tutsplus.com/webdesign/uploads/legacy/tuts/338_parallax/src/index.html So I need to use the following plugins: jquery.stellar.min.js waypoints.min.js jquery.easing.1.3.js But I also need to use the latest jquery library: http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js However it does not work with the most recent JQUERY plugin. The original demo uses: ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js I have tried other
Cell Element gets clear in Jqgrid
Hi, I m using JqGrid. I have created an application where I used to copy grid elements from one page to other. The Other Page have Tabs Structure, Whenever I click on One tab call "Budget Codes", it clears one column of first row. I really don't understand the problem. Please help me in this. Below is the snapshot for same: And here is my code: function LoadBudggrd(Bindjson) { var LoadGrd = (CurGrd == 4); if (LoadGrd || BudGrdNotLoaded) { budggrd.setGridWidth(1500, true);
IIS 7.0 issues?
Hi, there! I'm writing a very simple application using VS2013 (by now, just a Default.html). Using NuGet, I installed jQuery and jQuery UI. So some folders have been created in my application as image bellow: My page is as follow: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Portal POPS</title> <script src="Scripts/jquery-2.1.0.js"></script> <script src="Scripts/jquery-ui-1.10.4.js"></script> <link href="App_Themes/Estilos/Estilos.css" rel="stylesheet"
How do I validate an array of form elements, for a valid date value
I want to prevent the form from submitting if there is an invalid date value I have an array of date inputs with random values.... Not every field has to have a value, but if it does-it has to be a valid date... <input name="job_date_completed[521]" type="text" value="10/10/2012" > <input name="job_date_completed[528]" type="text" value="10/10/2012" id="date521" enabled="" > I already have this function: function ValidateDate(dtValue) { var dtRegex = new RegExp(/\b\d{1,2}[\/-]\d{1,2}[\/-]\d{4}\b/);
AJAX Cross Site (XSS) JSONP Object Exchange between Client and Serverskript in PHP
Hi, I try to exchange a variable and an object between client and diffrent servers. I created the small example below. If I call the localhost server everything works fine. The same serverskript is not working and the object is null if the server is somewhere else than localhost, but the variable event is passed well. Here the answers: localhost: onSuccess({"gleich":true,"eventObject Event":"start","event":"start","team":null,"First":null,"eventObject":{"minute":10,"event":"start","person":{"first":"Vor","last":"Nach","nr":"3"}}})
Error in taking cell value using jquery
Hi all, I want to add a class name to a gridview cell take the value from the cell; following is my code $("#GridView1 tr td").filter(":not(td:first-child)").each(function () { var colindex = $(this).closest("tr td").prevAll("tr td").length; var headertext = $("table[id*=GridView1] th").eq(colindex).text(); var cellText = $(this).text(); if ($.trim(cellText) == '') { $(this).css('background-color',
Problems with Spanish characters
Hello, I am using jQuery Mobile 1.4.2. When I go from one JSP file to another JSP, I gotta to send some values into the URL. Some of these values have special characters (áéíóúñ...). When I print the values with these special characters on my second JSP, they aren't decoded and I get symbols. I have fixed my problem using encodeURI() and decodeURI() to skip my problem. Are you gonna fix this problem? Thank you, Diego.
jQuery examples don't work when running on my localhost
Hi all, new here. I'm working through the examples in the API section, and though they work fine from the jquery.com website, when I copy an example (demo) and store it locally, it will load into my browser, but it will not do anything when I click on an element. For example the click demo. Is there some wrapper I have to put around the code to make it work? I have jQuery code examples from wrox that work fine, so I don't think it's my local configuration that's at fault. Windows 7, Firefox, XAMPP.
JSON Question
Hi, in XML you can do somethign like this: <xml> <persons> <person> <name>a</name> <lastname>b</lastname> </person> <person> <name>c</name> <lastname>d</lastname> </person> <person> <name>e</name> <lastname>f</lastname> </person> </persons> <endresult> <result>122938</result> </endresult> </xml> Is this in JSON possible too?
How to add music plugin add using J Query?
How to add music plugin add using J Query? Can you give me solution
Blocking parent dialog box and background
I have a dialog box inside another one, as I click on a button in main dialog box the second one open up. I am using jQuery dialog box. I want to disable background content including the parent dialog box. I have used `model:true` but it doesn't disable parent dialog box it disables only the background content where the parent dialog box opened. Please help to resolve this issue.. Here is my code : jQuery: $(".showEmployee").click(function(){ $("#employee").dialog({ dialogClass:
Jquery form validation for radio button
Hi, I am confident that I am in the right forum for my question to be resolved. Thanks in advance. I have a form in which there are five input fields with radio buttons ("YES" and "NO" options). To submit the form the user has to select all the five radio button, with "YES" or "NO" options, If the user does not select any of the options and continues to click on continue button, it should throw an error message. like wise If the user selects two of the options and does not select rest of them and
putting current date in textbox not working when textbox loaded dynamically
why is following not working when the input is dynamically loaded? http://jsfiddle.net/3LAJz/
Jquery validate: Change "static" rules dynamically (...in a CMS environment)
Hi guys! I am working on a quite big CMS project and we want to use jquery.validate.js as our validation-framework. I am using data-attributes to apply rules to my elements and I have a complete customised handling of the validate-Method. Everything works like a charm. The only problem I have is if I want to apply dynamic rules, I run into some problems: Let's say I have two text-inputs and a checkbox. Initially the first text-input is mandatory, if the checkbox is clicked the first text-input should
Website Corrections - jQuery Mobile
I'm methodically going through the website... include the demo. and api. sites. What's the best method to make note of errors, omissions, and broken urls? Is is this forum? I didn't see any other posts on the forum regarding the site. Nor did I see an email address for this. Of course, text changes, I could do, but the broken links are to pages that I'm not always certain what's to be there. Please advise.
jQuerymobile: How to theming footer with 1.4.2 ?
Hi. In old versions it ws possible to theme e.g. the footer for errormessages like data-theme="e", the rest of the webpage was then the default theme. In jquerymobile 1.4.2 there are only two themes, black and grey. With the themeroller i can customize the webpage, but not individual elements like footer, labels etc. How can i do this with jquerymobile 1.4.2 ? Regards, Alex
Using jquery with nvd3
Hi, I'm using nvd3 library to create charts for a dashboard and i don't know how many charts will be inserted in my html file, so i've created a function that based on the info that the server returns i generate the chart code and add it to my file. My problem is that nvd3 uses d3.js for the charts and it uses svg to display them. What i want to do is just show the chart (line, bar, pie, etc). How can i do it using both librarys? Thk
multi select filter
I have the following code to filter my sub select list form my list. The following code works for my sub list, The only thing is I want to filter my sub1, my sub2, my sub3, my sub 4 using the jQuery Ajax based on my list. I realized that ajax only support one url, is it possible to have multi url to fill my sub2, sub3, sub4 list using ajax? Your help and information is great appreciated, Regards, iccsi, $("#Mylst").change(function() { $.ajax({ type: "GET",
side menu closing when tap-ing on menu item
Hi guys! I am working on a website and i try to make the side menu (sidr) close when i access a menu item. Usually after i click/tap on one, the menu still stays and i need to close it using the menu button again. I succeeded to make it work on desktops, but i dont know how to make it on mobile. Could anyone help me? Here is the code i used to make it work on desktop: <script src="js/jquery.sidr.js"></script> <script> $(document).ready(function() { $('#simple-menu').sidr(); }); </script> <script
jQuery UI accordion widget: How to change CSS
Hello, i try to use the accordion widget with the default example (see http://jqueryui.com/accordion/). my code snippet: <div id="accordion"> <h4>Einstärkengläser</h4> <div>Einstärkengläser braucht man, ........ </div> <h4>Bifokalgläser </h4> <div>Bifokalgläser bestehen aus 2 Teilen, .... </div> <h4>Gleitsichtgläser</h4> <div>Komfortabel sehen ... .... </div> The <h4> in my CSS-file is blue colored and bold,
jQuery Mobile Dynamic Nested Collapsible with Embedded Buttons
Does anyone have any suggestion for constructing nested collapsibles with embedded buttons. In the attached jsbin clicking on the embedded button in the static collapsible will dynamically nest an additional collapsible with it's own button. The problem is I see no way to link to the dynamically created collectable button so the process could continue. I attempted to use both trigger() and enhancedWithin() on the buttons parent element. http://jsbin.com/helif/4/edit
slide in from right, and fade in
I am creating a registration form, and would like one step to fade out to the right, and the next to fade in to the right, center of the page. One of the issues that I've noticed is stacking. As my setup is right now, my second step would come under step one. What is the best way to do this?
Changing text color with CSS
Hey Guys. I am trying to change the color of an astrix to red using jQuery. For I can't seem to get it to work. Can anyone please help? I would really appreciate it. Below is my jquery code and my HTML code. I just posted one of 20 of my td's (Please note I am also new to jquery) $("table").find(HTML("*")).css(color:"red") <table> <form action=“#” method="POST" > <tr class="title"> <td> *Please Enter your full name</td></tr> <tr> <td><input type="text" name="name" id="name"
Next Page