jQuery TE Paragraph Tag Issue
I have an issue with the paragraph tags not wrapping where they should. I get: first sentence<p></p>second sentence<p></p>thirds sentence<p></p> when it should be <p>first sentence</p><p>second sentence</p><p>thirds sentence</p> For some reason it is placing the text outside of the tags. Any ideas anyone? :-)
Problems to load content from html file into div
Hi there, i use dynatree as a plugin and i want to load the content dynamicly given link url into a div on the page. The link works and the event is alos fired ... but the code just loads the url but not into the div ... what am i doing wrong ? so i added that script to my page: <script type="text/javascript"> $('#main_menu#).dynatree({ clickFolderMode: 1, selectMode: 1, onActivate: function(node) { document.getElementById('main_content').src
Validate Plugin - Checkboxes won't validate after update to v1.13.1
Hi Folks, I am validating a group of checkboxes - and it works in jquery.validate.js v1.13.0 - but when I updated to v1.13.1, the checkboxes no longer validate. Any help would be appreciated Here is my js ... $('#reg').validate({ rules: { 'titlechoices[]': {required: true, minlength: 1}, }, messages: { 'titlechoices[]': { minlength: 'Please select at least {0} options' } }, errorPlacement: function (error, element) { if(element.attr("name")
PC crash when i use Chrome
Hello, I have a problem when I use jqxChart with Google Chrome or Chromium ... When I run my index.php file, my mouse is idling and my PC is very slow. I have to reboot to make it back to normal. But when I run my index.php in Mozilla Firefox, I have no problem and my graphic display normally. Do you know what is the problem with Chrome / Chromium? Thank you in advance index.php : <!DOCTYPE html> <html lang="en"> <head> <title id='Description'>jqxChart Stacked Column Series Example</title>
2 form actions - submit a form twice to different scripts
Hi, for some reason I need to transmit a form to 2 different scripts at the same time. Any idea how i can do that? Any help would be appreciated. Greetings Remcha jQuery("#form1").validate({ debug: true, submitHandler: function() { var dataString = jQuery("#order_form form").serialize(); jQuery.ajax({ type: "POST", url: "checkout.php", data: dataString, //dataType: text, success: function(msg) { jQuery('#order').animate({ left: '400px'},
Jquery not showing up in browser (Using carousel plug-in: Camera)
Hi everyone! So I'm trying to build a website but jquery doesn't appear on the page. I've scanned my html/css meticulously and couldn't find any errors...and I tested the file paths using the page source code with Mozilla Firefox, and they all loaded fine. Plugin I am using: http://www.pixedelic.com/plugins/camera/# So it's not the file path. I followed this guide to troubleshoot jQuery: http://css-plus.com/2010/03/6-steps-to-take-if-your-jquery-is-not-working/ I got to step 4, where I removed all
Get value of two dates field
Sorry, I'm beginner in javascript, I want to get the value of date from and date to. How can I do that? <div id="reportrange" class="pull-right" style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc"> <i class="glyphicon glyphicon-calendar fa fa-calendar"></i> <span></span> <b class="caret"></b> </div> <script type="text/javascript">
e.preventDefault() and $.ajax; === for ajax and jquery conflict
Without $(".refresh"). $.ajax , we can see $('.link').click(function (){ is working . But with the $(".refresh"). $.ajax is inserted, $('.link').click(function ( does NOT work . Question: I think this problem is related to the conflict. Any good way for ajax refreshing??? =================================================================== <script type="text/javascript"> $(document).ready(function(){ $(".refresh").everyTime(1300,function(i){ e.preventDefault(); $.ajax({ type: "POST",
how to create accordian for this formula?
BookMyLoan *#nh { background-color: rgb(69,69,69); color: white; text-align: left; padding: 15.0px; width: 74.0%; } *#nhsec { width: 75.0%; float: inherit; padding: 4.0px; background-color: rgb(48,102,164); } *#nf { background-color: rgb(255,255,255); color: rgb(48,102,164); clear: both; text-align: center; padding: 5.0px; width: 74.0%; } *#nh1 { background-color: rgb(69,69,69); color: white; text-align: left; padding: 5.0px; width: 10.0%; } *#nf1 { background-color: rgb(255,255,255); color: rgb(48,102,164);
How to use Liquid Slider
Hello everyone and good day! I am working on a personal project and I want to use the Liquid slider jquery. http://liquidslider.com/ I cant seem to make it work, even thou I did follow the installation instructions. Instead of text for the title, I used an image, because I would like it with caption. Here are my codes. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type"
jquery validate TypeError: c is undefined
Hi, I'm fairly new to using jquery and plugins. I'm trying to use jquery validate and I get an error "TypeError: c is undefined" in the Browser Console using Firefox when the form event fires. Here is my test code: <html> <head> <meta charset="utf-8"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="js/jquery.validate.min.js" type="text/javascript"></script> <script> $().ready( function() { $("#userName").validate(); }); </script> </head> <body>
Getting CrossSlide script to center rotating images
I'm trying to get what should be a simple CrossSlide script to center a rotating image in a WP page. Below is the code: <div id="banner"><script src="http://www.bu.edu/nis/lib/jquery/crossslide.js" type="text/javascript"></script> <script type="text/javascript">// <![CDATA[ jQuery(document).ready(function($) { $('#bannerimage').crossSlide({ sleep: 5, fade: 2, shuffle: 0 }, [ { src: '/images/IMG1.jpg' }, { src: '/images/IMG2.jpg' }, { src: '/images/IMG3.jpg' }, { src: '/images/IMG4.jpg' } ]); });
three.js - conflicts between versions!
hi all, does anyone know how to resolve conflicts when going from one version three.js to a newer version? i have a document that uses r37 and works perfectly but when i move up to r48 it just stops working and tells me: ReferenceError: ImageUtils is not defined which is this bit in main.js... var sprite1 = ImageUtils.loadTexture("img/particle.png");
material = new THREE.ParticleBasicMaterial({
size : 30,
map : sprite1,
blending : THREE.AdditiveBlending,
depthTest : false//,
}); do i need
iframe/popup not working
hey, could you please check and help me out. Why is the fancybox.iframe always opening full screen? What am I not seeing? Thanks for you advice. Kr http://gamanga.com/GMG_CONCEPT_01.html#
JQuery rangeslider issue
Hi, I am using the JQuery rangeslider by Andre Ruffert I have been trying to set the parameters of the slider so that it changes the size of the 'step' once it reaches 36.... I want the minimum value to be 6, and the maximum to be 60 which I have set in the html code... <input type="range" value="18" min="6" max="60" step="6" > The step size should increase by increments of 6 until it gets to 36. When the slider reaches 36 the step size should increase by 12 ........ it should then snap to 48 and
Jquery validate - how to use a custom method in add rules
Can anyone please help me with a question on Jquery validate plugin, I have created a custom validation using AddMethod, now I want to use this method inside a rule while using rules add. How do I do this.
fixed table header using jQuery
Hi, I am trying to create fixed header for my table. I know we can use using simple CSS but i want to use using jQuery. I am trying to follow some code found in net and the problem i am facing is when i scroll to the top of the page the header is getting attached to top of page and two headers are getting displayed. Here is the bin http://jsbin.com/zifimeyuda/1/edit?html,css,js,output Could any one please help me with this
Flexslider: adding video to slideshow
I'm having all kinds of problems getting Flexslider to behave, even though I'm using their demo code ( http://flexslider.woothemes.com/video.html ). The video starts playing immediately and the slideshow just freezes on image #1 - no controls working. Slideshow with images and video Any help would be appreciated.
Assign serial number to datatable column
How to add serial numbers to datatable first column for example sr No Name 1 pp 2 po 3 iu 4 yy
Need to use password strength in jquery validation
Hi, I am using http://bassistance.de/jquery-plugins/jquery-plugin-password-validation/ for password strength along with jquery.validate.js. jquery.validate.password.js - version 1.0 jquery.validate.js - version 1.13.1 jquery - version 1.11.2 But seems it is not working properly.. i have old password, new password and confirm new password.. I need to have password strength for new password, but when i type old password, password strength changing and also confirm new password not displaying proper
tablesorter in Joomla
Hello everybody, I have a question. I use Joomla and would like to have a sortable table in an article. Of course there are some plugins available, but they are not for free. On the other side I create my table using a PHP script. So I guess tablesorter would fit perfect. Now my question: How do I have to "install" tablesorter to my Joomla site? I apologize for the question, but I am new to this topic and have no clue what to do. I would be pleased if anybody could help. Any hint is welcome.
flex slider wrap text
Does anyone know how to get the text in flex-caption to wrap? I've got some long descriptions that need a second and third line. Thanks.
Subgrid populate on page load
Is there a way to have a sub grid populate on page load before user interaction with the master detail grid? What I am looking for is to have my sub grid populate on page load and allow a user to fine-tune the results in the subgrid when they desire by clicking on master a detail grid row. What I have is two grids fed by mySQL: Master Detail Grid is used to store product serial numbers along with the service ticket that they are associated with. I have thousands upon thousands of rows in this table.
Datepicker information pop up box
Hi, I am new to jquery and using it with Wordpress (Contact 7 Form Datepicker) I'd like customers to be able to select a date and then an information box pop up with expected delivery dates, is this possible in Wordpress? Thanks, Aimee :)
jsTree
I am new to jsTree. This is how I was able to configure the jsTree <link rel="stylesheet" href="assets/libs/jsTree/themes/default/style.min.css" /> <script src="assets/libs/jsTree/jstree.min.js"></script> <div id="treeViewContainer" class="treeViewStyle"></div> $('#treeViewContainer').jstree({ "types": { "#": { "valid_children": ["floor", "default"], }, "default": { "valid_children": ["default",
Datepicker, Chrome and web.config. Can't understand this.
Hi there. I really need some help to figure out why Chrome is acting the way it is. My header page consists of these js files: jquery-1.9.1.js jquery-ui-1.10.3.custom.min.js jquery.ui.datepicker-pt-BR.js myDatePicker.js (****) jquery.maskMoney.min.js jquery.validate.js jquery.qtip.min.js (****) This is customized like this: $(function () { $('[id$=dataInicialTextBox]').datepicker({ // Begin date autosize: true, changeMonth: true, changeYear: true, numberOfMonths: 2, yearRange: "2005:2025", maxDate:
Timeglider does not let me destroy all variables with the given function
I'm not that advanced with jQuery widgets and I have no idea how to **access** the **destroy function**. You can find that function from an older version here: https://code.google.com/p/codeset/source/browse/trunk/web/timegliderExample/js/timeglider/timeglider.timeline.widget.js?r=4 Usually you create timeglider with: tg1 = $("#timelinearea").timeline({... and so I tried to access that destoy function as well: tg1 = $("#timelinearea").timeline.destroy(); tg1 = $("#timelinearea").destroy();
jQuery Superfish align sub-menu under main menu
Hi, I used Superfish to display menu and submenus in horizontal style. As you know in Superfish all the submenus are left align. I want to align the sub-menus centered according to the main menu. I thought to find out the width of a sub-menus item. As in super-fish there is delay in appearance of sub-menus so I can't get the width of submenu item becuause I am using 'onShow'. Then in superfish onBeforeShow I cloned the item in DIV and tried to find out its width. But the problem is the width of
JQuery Cycle Plugin not working correctly
Hi I am using JQuery Cycle Plugin on my site www.rhinoplant.com when i first go to the pages using the cycle the pictures appear and cycle but very small. and in the top corner of the Div. Any help will be greatly appreciated
Jquery Bootgrid Issue - Last Column Repeat
HI, No matter what I do the last column value in the table gets repeated in that row. Please let me know if you have any suggestions Or redirect me to any other forum for an answer. Details on the code is also posted here http://stackoverflow.com/questions/28806855/jquery-bootgrid-rendering-with-value-in-last-column-repeated Thanks, Rakesh
using simple validator
Hi, I am trying to use a simple validator just to show an alert when the cboCategory is not filled but I am not getting what I want and no error is how. Below code is for your review with thanks.. $('#frmLeave').validate({ rules: { cboCategory: { required: true } }, invalidHandler: function(event, validator) { alert("error"); }, submitHandler: function (form) { // $(form).ajaxSubmit(); // return false; } });
Stop a specific button calling validation
I have a form with two buttons. For some reason, both buttons call validation on the form even though only one is a 'submit' type. Can I make the other one not validate the form and proceed with its normal (jQuery bind(click)) action? It's probably easy, but I can't see it.
Validate only one field at a time
Hi, I have a few fields on a form and when the first control looses focus, all the validations for all other input elements fire at the same time. This makes the whole form look red in colour and I just want only one field (which lost focus) to show error on it. The submit should show error on all the fields which failed validation. I am using jquery validate version 1.11.1 Thanks in advance, Simrat
Inline Style overwritting CSS Style by I unknown code using Cycle 2
Hi JQueryers, I am using Cycle2 (From http://jquery.malsup.com/cycle2/ ) and my CSS for my "Pager" control (the small control with a series of dots (by default) to allow you to manually select slides to view) is being positioned all the way to the left on my page because the CSS associated with my pager "Div" (for example left : 800px ; is being overwritten with Inline Style settings by unknown code (eg left : 0px ; ). I know this by using IE or Chrome debug tools to browse the DOM during execution.
Adding a delay while showing sub-menu items
Hi! I am experimenting with SuperFish/Jquery. I want to add delay in appearance of sub-menu but its not working. I could not figure out the reason behind it. The jQuery script is at the end of HTML code. I am using the default CSS provided by Superfish. Here is the HTML Code. <html> <head> <link rel="stylesheet" href="css/superfish.css"> <link rel="stylesheet" href="css/superfish-navbar.css"> <script type="text/javascript" src="script/jquery-1.7.1.min.js"></script>
Links for datatables
There are plenty of links for datattables, but i haven't been able to find one with source code; please give some. Your help will be greatly appreciated, Alejandro Barrero
hi I am using jquery cycle plugin with srollHorz effect but it is not showing my images plz help me! below is my entire code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Jquery Slider</title> <script type="text/javascript" src="jquery-2.1.3.min.js"></script> <script type="text/javascript" src="jquery.cycle.all.js"></script> <script type="text/javascript"> $('#slider').cycle({ fx: 'scrollHorz', next: '#next',
validation of name
hey guys, I am trying to work on that code which will validate any name that are typing in name's registeration box and I have included php file which will connect to the mysql database,I tried to run the code but it doesn't work as I try to typing a name that exists in database it says it's registered,but when I tried to type any other name that doesn't exist should appear name available but it doesn't..I don't know what's wrong with my code That's my index.php file: <html> <head> <link type="text/css"
Using jquery with sharepoint 2010
Hi guys, So I get the basic concept on loading jquery via a CEWP in Sharepoint, but thats about where my understanding ends. I don't understand how to use the plug-ins you download from the internet. I downloaded a few and there are 3-4 folders plus a couple .js files included with the plugins. Where do I put all those files and how do I call them inside a CEWP? I tried putting them inside a document library, but what .js file do you call? I know its probably something simple, but I'm just not
need help!
I am trying to working on uploading pages and I managed to do it except when I define the path which the file would go to,the file is not saved there and I tried many times but with no use This is my code: <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> <script src="jquery.uploadify.min.js" type="text/javascript"></script> <link rel="stylesheet" type="text/css" href="uploadify.css"> <script> $(document).ready(function(){
Next Page