required validation is not firing
Hi, i have 2 tab strip i.e general and participants and textboxes on both tabs. need to put required field validation on both tabs for compulsory fields. validation is working on first tab while clicking on save button but not of other tab. if($.trim($('#MainContent_txtboxRequired').val())==' ') { alert("Required must be enter..!"); }
Jquery tabs loading content via ajax,content already has ajax call inside
I have some issue with the using of jquery tabs. I can use the tabs with dynamic php pages normally but the problem is my page is already contain ajax call inside. I have two selectlists,the second is chained to the first one. Because of this when i integrate the page to the tab,click on it and its navigate to a "ghost" page which shows the second select list only and nothing else.I am sure the conflict is becuse it has already ajax call and the jquery tabs plugin also using ajax calling Update1:
Jquery to validate tinymce control
Hi, I am using tinymce control, i want to validate tincymce textarea conrol on asp button click. I am using Jquery validation engine plugin to validate other controls in same form it is working fine. How we can make tincmce textarea to validate ? below is the code how i control other control.. <input id="txtsubject" type="text" runat="server" style="height:20px; width:420px;" class="validate[required] txt" />
Prepend and click link
I have this unordered list. It has a + sign to collapse the list. I want to still display the + yet be able to click on the link instead. How can I change this? (function($) { $(document).ready(function() { $(".wpsc_top_level_categories > li:has(li)").prepend("<span class=\"CatExpander\">+</span>"); $(".CatExpander").css( 'cursor', 'pointer' ); $(".CatExpander").toggle(function() { $(this).html( '-' ); }, function() { $(this).html( '+'
Database Using Phonegap
Hi I am testing SQLite database using phonegap and everything seems to work fine except appending the final resultset to the division with id=output. It returns 2 in the alert statement but the actual table is not displayed. Any help please? <!DOCTYPE html> <html> <head> <title>Contact Example</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.4/jquery.mobile-1.4.4.min.css" /> <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.4.4/jquery.mobile-1.4.4.min.js"></script>
create json property dynamically
Hi, First, I am not sure where should I post this question. This is actually general javascript question, however it might be any solution using jQuery. I have code below var options = { groups: { mygroup: { shape: 'circle', fontColor: 'red', fontSize: 18 } // add more groups here } }; Is there any possibility to assign mygroup dynamically? for example: something like I assign mygroup in myvariable var myvariable = mygroup; then I replace mygroup with variable myvariable. Like
Jquery.mobile always post first value?
Hi, everyone. When i try my first j-mobile program, i can't get the right value from textbox controls after the first click with Button1. It always bring me "<first value>,<current value>". The code is very simple, can anyone help me? Visual studio 2010/2013 webform. Thanks! <%@ Page Language="C#" AutoEventWireup="true" CodeFile="test.aspx.cs" Inherits="test" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <link rel="stylesheet" href="Scripts/jquery.mobile-1.4.4.css">
Should I create theme for just one component?
Hi, I am a total newbie with jquery ui. I have to use a selectmenu component with a custom design. I was wondering if the best way would be to create a new theme for it or if I should just override the rendering functions and customize that way. Reason I ask is because right now I am overriding the rendering functions, but I have to include a theme along with it or else the component won't work. I guess the theme is setting some necessary styles, but at the same time the theme has styling code for
Walk the DOM
I use the functionality that comes from implementing the code below to observe the current state of my DOM tree: //////////////////////////////////////////////////////////////////// // function walk(iBranch) // // Version: // // Description: // //////////////////////////////////////////////////////////////////// function walk(iBranch, iHtml) { var walkBrowser = new BrowserView("Walk
Creating a Hierarchy
I am using the following code to create a (nodelist? [of children]) of "genText"-class divs that are appended to a (parent?) "classContainer" div: $(".classContainer") .append($("<div class=genText " + "firstWord=" + firstWord + " " + "taxYear =" + taxYear + " " + ">" + currentLine + " | " + lColor + "</div>") .css({ color: lColor })); After I have my wrapped set of [something, definitely not Array Elements...jQuery Objects?], then I would like to make changes
jQuery Autocomplete can't display dropdown result (two autocomplete) after changing keyword
I have one jquery ui autocomplete input that I would like to show another dropdown after another. For example : If I type two characters of the city name like ba, it would display a dropdown contained : Addis Ababa, Baghdad, Baku, Bamako and Bangkok. If I pick one of them (Bangkok) and press a spacebar, another dropdown (at the same input box) would be displayed : Bangkok Accommodation, Bangkok Restaurants, Bangkok Sights, and Bangkok Transport. I can do this but only for the first time. When I change
insert a div inside a td depending on the value of the td
I have a html snippet generated as below <td class = "ms-vb2" > Amber </td> which i want to change into the below if the value is Amber <td class="ms-vb2"> <div style="font-weight:bold; font-size:24px; font-size:10px; color:white; background-color:#DC630A;"> Amber </div> </td> I am using the below code: $( document ).ready(function() { $('td.ms-vb2').each(function( index ) { if($( this ).text()== 'Amber'){ $(this).css("background-color","#DC630A"); }
Replacing img src in textarea using jquery from a pop-up window
I'm trying to replace the textarea and input box image source in the parent window using jquery from a pop-up window. The text in the input box changes without any trouble, however the text in the textarea box remains unchanged. Here's the code for the parent window: <textarea cols="100" rows="20" class="editor"> <a href="http://www.amazon.com"> <img src="image.jpg" alt="replace image source in this textbox" /> </a> </textarea> <input type="text" value="image.jpg" maxlength="255"
Div with overflow-y: scroll, jquery ui droppable and sortable
For several hours scratching their heads on the same problem: http://jsfiddle.net/6kLvLjqr/29/ If drag "sortable 2" "droppable 2", everything works fine. But if you drag the "sortable 12" to "droppable 2", using only the scroll wheel mouse , there are problems. After scrolling you need to move the cursor outside div.cont and only if the element "droppable 2" will take "sortable 12".
Jquery Conflict
Ok so I have been racking my brain trying to figure this out for quite some time. I am using a Magento website, and generally only make edits in the backend so as not to mess up our current template. The problem I have noticed is when I make a CMS static block that calls for jQuery, it interferes with the jQuery that is already on the parent page else where, such as my drop down navigation. So either the navigation works or the block works. But both won't work at the same time. The static block in
Issue in Cascading dropdowns
Hi all, I have a strange issue. I have two dropdowns. When one of them is selected, based on the selected value, the second dropdown automatically fills. Iam filling both the dropdowns using Ajax callbacks from JQuery. The problem iam facing is iam unable to set the index position of the second dropdown. I have tried all the methods to set, but unable to succeed. What happens is I can see that the value is changing in the second dropdown for a second, but later it immediately resets to index 0.
Using 1.0 with Dreamweaver CS6 what am I missing out on?
Hi guys, I am rather new to jQuery Mobile, and the whole programming/developing world. I am currently a student of Interactive Digital Media and I am curious to know, what am I missing out on by using Dreamweaver CS6 which runs jQuery Mobile 1.0? I understand that 1.4.4 has just been released. How important is it that I put my focus into learning the newer versions rather then the older one that I have been using? I really want to extend my knowledge in this area as well, so if you guys have
How to split long text in jquery
Hi, I have a Jquery varibale which stores long text, because of the string length i am not able to set the value to textarea. can any one tell how we can split and set value to textarea. Like lets say split 500 characters and finally add 500 characters + 500 characters.... till end of text.. Jquery Script: <script type="text/javascript"> $(window).load(function () { jQuery("#DIDExcDivision").on('change', function () { var res = '[fname], I work in the [divname] Single
Start Skill Bar Animation at specific point
Hey, I am working on a one page portfolio and I have integraded a skill bar on my about section. Now the problem is, that the skill bar starts to animate as soon as the website is loaded, but I want it to start when the viewer reached the about part. What function do I have to add to the jquery file? Hope somebody can help out. Thanks in advanced. Jenny
delay function
How can I set Timeout on row where is $("#back") ... $(document).ready(function(){ $("#item").hover(function(){ $("#back").css({ "background-image":"url('images/asd.jpg')","transition":"background-image 500ms ease-in-out" }); }); $("#item2").hover(function(){ $("#back").css({ "background-image":"url('images/eee.jpg')","transition":"background-image 500ms ease-in-out" }); }); $("#item3").hover(function(){ $("#back").css({ "background-image":"url('images/rrr.jpg')","transition":"background-image
Multiselect onclick it select/highlights many items instead of just the selected one
Please see below code and help me where i need to change <select onclick="selectMultiple(this);" size="11" multiple="multiple" name="<?php echo esc_attr( isset( $field['name'] ) ? $field['name'] : $key ); ?> []" id="<?php echo esc_attr( $key ); ?>"> <?php foreach ( $field['options'] as $key => $value ) : ?> <?php if( has_term( $key, $taxonomy , $_GET['auto_id'] ) ) { $is_selected = 'Selected="true"'; } else { $is_selected = null; } ?> <option value="<?php echo esc_attr( $key ); ?>" <?php echo $is_selected;
Page loading slow in IE
Hi all, I have a page showing 100 rows of data and I have a button "Information" in each row showing more details about that record of that row. It works fine in chrome /safari. But in firefox and IE11 it is very slow to render the page. My code looks like the below <link rel="stylesheet" href="demo/jquery.mobile-1.4.2.css"> <script type="text/javascript" src="demo/jquery-1.10.2.min.js"></script> <script type="text/javascript" src="demo/jquery.mobile-1.4.2.min.js"></script> <script type="text/javascript"
reading json data from a file
I am trying to read a JSON file from a file named sites.js which seems pretty straight forward but I can't get past an error event firing. Initially I did not tell the ajax() call the datatype, and that caused the data to get written to the console as an unrecognized expression. sites.js as exported from mySQL: [ { 'Database' : 'datasite', 'Table' : 'sites', 'IP' : '192.168.0.101', 'Server' : 'ria' }, { 'Database' : 'datasite', 'Table' : 'columns', 'IP' : '192.168.0.101', 'Server' : 'ria' } ] code
JQuery Mobile to Access Azure Table Storage. Is it possible?
Is there any way to use JQuery to read data from Azure table storage?
Themeroller Body and Text Input share same format
Hello, I use the Themeroller 1.4.3 to create a css layout for my survey and realized that I cannot get the background color of the Body section and Text Input section to separate. Is there anyway to have them be different background color and font size? Ideally, I'm hoping to have body stay same color #fffad5 while Text input box can switch to white/ #ffffff here is the customized theme http://themeroller.jquerymobile.com/?ver=1.4.3&style_id=20140925-54 Appreciated the help. [admin moved to jQuery
Question about mime type processing
Hello, Im trying to make a xcross-domain call to a google drive spreadsheet. The code is below. But Im receiving this error. esource interpreted as Script but transferred with MIME type text/html: "https://docs.google.com/spreadsheets/d/blahblahblah/edit?callback=appendData&_=1411589335949". Refused to execute script from 'https://docs.google.com/spreadsheets/d/blahblahblah/edit?callback=appendData&_=1411589004278' because its MIME type ('text/html') is not executable, and strict MIME type checking
background image animation
hi all, how can I animate background-image? I mean slow loading image ... something like this ... $(this).animate({ "background-image","url('image.png')" }, 500); but this doesnt work for me ... I also tried this ... but it just show after 1s ... with no animation setTimeout(function(){ $("#tblmenu").css("background-image","url('image.png')"); },1000)
resizable with position: fixed
I'm trying to use resizable on a fixed-position element. When resizing, the element jumps across the screen. Here are the specific details: The element is resizable horizontally, and the position is specified by setting the 'right' css attribute. When the element is resized, the 'left' css attribute gets set to 0 and the element jumps across the screen. This occurs in both IE 11 and Chrome 37, but DOES NOT occur in Firefox 32. A similar problem occurs when the element is resizable vertically, and
jquery Gurus please tell me what is wrong with this code:
When I click submit nothing happens. What I expect to happen is that when I click submit the text in the text box should me copied into the div. <!DOCUMENT html> <html> <head> <title>jQuery Functionality</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <style type="text/css"> #display{ width: 250px; height: 250px; border: 1px dashed grey; } </style> </head> <body> <script type="text/javascript">
AJAX response string comparison
Hi, i am so frustrated from 3 days. i am using html, php and ajax for read file, a line each 2 seconds and compare it with string. The String compare doesn't work and i don't know why... this is my php code CODE Script.php: ---------------------------------------------------------------------------------------- <?php if (!$p_file = fopen("inputfile.txt","r")) { echo "Spiacente, non posso aprire il file miofile.txt"; } else { $linea = fgets($p_file, 255); echo "$linea<BR>"; fclose($p_file); } $content
jQuery mobile: Dealing with large list
Hello, I am new to jQuery Mobile and have some basic questions which I am sure the experts here could resolve. Problem 1: ------------- Which is the best known way in context to performance in which we can load a list of items. Say, I have a list of 2000 items, what should be my approach to show the list to the user. I have heard something on lazy loading but could not yet find a working solution for it. Problem 2: -------------- The base of the problem is same as Problem 1. The only difference is
Paging or Slider?
Hi All, Is there anything available for paging or slider as a widget? I have a requirement where the table rows need to be either expanded using paging or slider. Thanks, Pushkar
Scrollable Instagram feed using two plugins together
I am using plugins from http://instafeedjs.com/ to source and from http://manos.malihu.gr/jquery-thumbnail-scroller/ to display pictures from Instagram in a Magento based website. I have got to the point of displaying the pictures but only 4 pictures display at a time and so the scroll functionality is gone. Please see my code view-source:http://casehive.in/ Any suggestions on using an alternative welcome! Many thanks for reading.
Date picker with datediff
Okay so thsi is driving me nuts, ive searched through the forums, but every example ive seen doesnt work I have cobbled bits of code together to get this far, but cant get the number of days between dates to display. the datepickers are correctly initialised, but nothing happens on the showdays fucntion side of things, doesnt seem to get fired. My first foray into jquery, going a little nuts...surely im not far off? Any help appreciated <!doctype html> <html lang="en"> <head> <meta charset="utf-8">
Need Help (Beginner)
Hello my name is Burhan Afridi and i am new to web programming I learn HTML5 and CCS3 and now i start learning JQuery i write the first program and its working when i use internal jquery script but when i use as external its not working please help me the page code is below Index.html <!doctype html> <html> <head> <meta charset="utf-8"> <title>Untitled Document</title> <script src="jquery-1.11.1-uncompress.js" type="text/javascript"></script> <script src="myscript.js"></script> </head> <body> <p>
How to use JQuery within a Chrome App
As a simple test I am trying to run the default JQuery UI "index.html" inside of a Chrome App. I can't seem to get it to work properly. I put the following files (copied from Create Your First Chrome App ) into the same directory as the default "index.html". I am also including two screen shots showing opening the index.html on it's own and within the Chrome App. What am I am missing? Is it even possible to use JQuery within a Chrome App? manifest.json { "name": "JQuery Test", "description":
Help with compare values statement
Is there a better way I can write this statement? I want to check if the ID is any of these. var cat = $("select#category").val(); if (cat == 23 || cat == 24 || cat == 25 || cat == 41 ) {$("select#lamp").html("<option>Some Category</option>");} else { $("select#lamp").html(data);}
Code not working on IE
Hello my little friends ;) I wrote a code in Jquery using "position(), show(), hide(), and some others functions". the code works fine when i open the page in Chrome, Firefox and Opera, but when i open on the devil, i mean, Internet Explorer, the code just don't works, and i don't know what is wrong :( Help me? (Jsfiddle link : http://jsfiddle.net/9xdou87b/ ps: Layout in jsfiddle is kind of broken, but i can understand if you try haha)
Scroll Bar
I'm wondering about how to calculate the height of the scroll bar that I'm creating, following examples: JSFiddle <script> $( document ).ready(function() { $( "#rolagem2" ).height($(document).height() - $(window).height()); $( window ).on('scroll touchmove mousewheel', function(e){ $( "#rolagem2" ).css('margin-top', $(window).scrollTop()); }); }); </script> #rolagem2 stay with the same size as the standard scroll bar!
How ? select that show exact element
Hi, I am trying to display data in a HTML table, a column in the row is called "country", it shows a select menu that shows exactly the country related to the person : Data come dynamically from a database : Name -------- Age --------- Country Joe -------- 34 --------- select menu shows France Steve -------- 56 --------- select menu shows USA Ali --------27 --------- select menu shows Canada So if Joe changed his country and moved to USA, I can just select USA from the select
Next Page