Jquery Plugin writing
Hello I want to write my own plugin and want to publish in jquery. So plz help me how to do this ? Thank you
color box show after 5 second and display ,1 time on after page load
Hi I am using color box where user can registration. i want color box display after 5 second when body loded on browser so i have used these code but code is not working. code given below. <script src="http://www.jacklmoore.com/colorbox/jquery.colorbox.js"></script> <link rel="stylesheet" href="http://www.jacklmoore.com/colorbox/example1/colorbox.css" /> <script src="jquery.cookie.js"></script> <script> function openColorBox(){ $.colorbox({iframe:true, width:"60%",
Jquery sortable question
Good day everyone, this is my first post here as i'm sure yall can tell. I am a jquery....... well a dummy. I need a little bit of help I am attempting to create a page with multiple sortable lists on it and I want to be able to sort from one list to another (this is working fine with the connectWith: ".connectedSortable"). My problem is when I want to write the results to a db, I am not sure how to get 2 pieces of data the first is which list is it in, the second is the order number. I'm attaching
changing page and json data injection
Hi, I'm starting playing with JQM with some list-details structure. I have an home page, which opens clicking a navbar iteam a list of catalogues, and for each catalogue clicked I show a list of CDs. I'm using a single page model, with multiple html files. my goal is to collect some database data on a remote server with php and json and insert the data on the page before showing it, to have a fluid transition. so I intercept the pagebeforechange event, I call preventDefault to avoid the automatic
jQuery Obsolescence Questions
I am an ILS Engineer working for CGI IT UK Limited. At the present time I am looking at software obsolescence issues that relate to the CGI project I am working on. On this project we use jQuery 1.5.2 and jQuery UI 1.8.11. In order to support our process of monitoring software obsolescence I would be grateful if you could provide me with the information with respect to these jQuery products: 1. End of Product Support date 2. Superseding Product for jQuery 1.5.2 and jQuery UI 1.8.11 if support for
blockUI - the unBlock does not work
I am using the BlockUI plugin with both Chrome 34.0.1847.116 and IE 10.0.14. $.unblockUI(); does not work - even as a test if I call it directly after $.blockUI(); (which works fine.) Is anyone else having this difficulty and were you able to resolve it? Thank you. Kerri
Blobkui as child of blockui does not take focus from parent
I have a blockui displaying a form to the user. If the user enters bad data into the form and then tries to submit the form, I notify them using another blockui (child) with an OK button, (please, this is a requirement), if the user hits the Enter key, the child disappears, but immediately reappears again. I suspect, (I'm sure actually) that the child does not get keyboard focus, so any key presses are passed to the parent. Since there is still bad data in the parent's fields, the child is displayed
Need to see html for JQuery added elements
I have some JQuery functions that add elements to the html page. When I had the code one way everything was working correctly. I made a couple of tweaks, and now the elements are not loading at all. I went to view source to see what was happening all I could see is the source with which the page originally loaded. I read on this forum that is as designed behavior for IE. But I can't use Chrome because it is not permitted to be installed on our machines. I can't use Firefox because for some
Hi, im new! I cant opem my test html in my OWN domain...
I already stablished the test.html and the jquery mobile commands are working, js and css, BUT...when I upload them to my personal domain...I get Not FoundThe requested document was not found on this server. I used ftp to make the folder and upload everything and I cant access it with my mobile. plz help
Image Slideshow
Hi everyone. Can somebody please tell me what kind of plugin (if any) is used for the slide show on the 'Self Help Africa' homepage? Is there a plugin with a similar output? I really appreciate your help. Thank you for your time. Link: http://www.selfhelpafrica.org/ie/?gclid=CIDiraPJ1bwCFfPItAodsh8Alw
jQuery BlockUI issue in chrome
I hae used jQuery BlockUI plugin in my application which is working fine in Mozilla but in chrome, the overlay is not loaded sometimes but when we scroll up-down the overlay is seen Can anyone help me solve the issue The overlay should be seen always Thanks in adv
resize detect within a resize detect?
kk. Here we go. It's foggy for me, so let me try to explain my issue. Bare with me, and more important: I need your awesomeness! Situation solved part: I have two different iframes from different locations with different proportional heights/widths which need to be responsive. unsolved: I want to let those iframes have a different size @ screenwidth < 480px. The working part (without the <480px detection) <script> $(function() { var $allVideos = $("iframe[src^='firsturl']"), $fluidEl
how to make like this image
i have a gallery image, but i want when i move to another image, the hover background will follow the cursor. anyone can give me a link that will help me ? thanks
Load Html file in div using jquery load function
I am trying to load a HTML file from file system in div id using jquery load function. Kindly suggest me : $("#footer").load("C:/home/likewise-open/MAGICSW/sunil.kumar/footer21.html"); div id = footer, Html file path : C:/home/likewise-open/MAGICSW/sunil.kumar/footer21.html
Problem with multiple datepickers with same ID
This is same as https://forum.jquery.com/topic/problem-with-multiple-datepickers-with-same-id I've the control using datepicker on one of the dialogs. This dialog uses Something.cshtml. On this page, there is a provision to add child which is of same type. So, the dialog on the parent dialog also uses the same cshtml, as a result of which the id for the input is same. Now, when I select a date on the child dialog, it actually sets date on the parent dialog. I've tried things like specifying the form
countdown with progressbar
Hi there, I would like to make a countdown with progress bars (one for days, one for hours, one for minutes and one for seconds). I really don't know what to start with. I saw an example on the internet at: http://codecanyon.net/item/count-everest-countdown-responsive-jquery-plugin/full_screen_preview/6466098 That's exactly how I want this. Does anyone can help me ? Thanks a lot
error attr() in jquery
[NEED HELP] i want to delete data from database using javascript. my code : echo "<td><span class='delete'><a href=\"javascript:return(0);\" id=$id >Delete</a></span></td>"; javascript code : var del_id = $("this").attr('id'); $.post('delete2.php?id='+del_id); and i have tried like code below ( to pass the del_id variabel ) $.post('delete2.php?id=3'); it's work fine. what should i do to correct my code here? var del_id = $("this").attr('id'); $.post('delete2.php?id='+del_id); thanks for your
Putting white rectangles in flexgrid
I would like to impliment a flex grid in my solution. If you look at this grid:http://tympanus.net/codrops/2012/11/06/gamma-gallery-a-responsive-image-gallery-experiment/ You can see that it works fine, now what I would like to achieve is put random white squares between the pictures, so no white pictures but white squares/rectangles. I would load the images from contentitems in cms system so that's why i can't use white images. If anyone would have an idea how to accomplish this it would be great!
Tabs not working in Firefox or IE
I have two sets of tabs on one web page. In Safari and Chrome, tabs are working fine. But in Firefox and IE there is an issue where the first set of tabs are not working. http://denmanrealestate.businesscatalyst.com/denman-island-listing/9461-McFarlane-Road Any help is appreciated as this is my first time working with jquery. Thanks. Sean
cycle-pager div scroll
Hi Xperts, I cannot get the cycle-pager div in a slideshow to respond to the overflow-x:auto; overflow-y:hidden in my CSS. When the number of images in the pager exceed the width of the div they start a new line of thumbnails instead of disappearing out of the div, activating the x-scroll bar. Do anyone know how to make that div scroll? the code in question: <div class="cycle-slideshow" data-cycle-timeout=0 data-cycle-caption="#adv-custom-caption" data-cycle-caption-template="{{cycleTitle}}"
Similar plugin like scrollspy?
Dear forum members, I need some functionality like scrollspy, which determines whether an element is visible on the screen, for jQuery Mobile. Any hints? Or can I somehow get the jQuery plugin to work? Many thanks in advance, Oliver
Using jquery tabs and changing languages with a blank tab
I am using jquery to create a menu with switching of language between Chinese and English. The tabs in the menu work well, however, there should be nothing in the language tab. It should only switch languages and keep the contain of the current active tab. I have tried many methods but still cannot achieve that I want. For example, click(), tabs("active"), tabs("option", "selected"). I cannot find any example about using jquery tabs and changing languages with a blank tab. Would anyone be kind to
Need help to modify jquery popup ajax plugin - will pay
I'm using a jquery Magnific Popup plugin. It's an awesome plugin but has its shortcomings. I'm using it to load ajax html file in popup. The only thing that this popup is missing is the next and previous buttons within the popup box to go to next or previous ajax html content. I would like to add that functionality. Can someone tell me if this is a lot of work, and perhaps there is a better alternative out there. Or maybe someone wants to make a quick buck by modifying it for me?
keyboard navigation for two instances on a page
Hi, I have a blog post page with a next and previous post navigation with the following mark-up. <header role="banner"> <nav class="next-prev cf"> <a class="ajax prev" href="<?php echo _LINK_PATH;?>a-desert-is-a-place-without-expectation">Prev – <span>title of previous blog post</span></a> <a class="ajax next" href="<?php echo _LINK_PATH;?>a-desert-is-a-place-without-expectation">Next – <span>title of next blog post</span></a> </nav> </header> I have
Image not showing on dynamically generated Datepicker
I have an app where I'm creating deadlines, which can be either text or dates, so I have a hidden datepicker with the image, then capture that and save it to a text field. Everything works except when I create a new field on the fly. At that point, the image never shows up. I've tried using the datepicker("refresh") method and it still doesn't work. What am I missing and/or what do I need to do to get this to run? Pertinent code is: (NOTE: Body is XSLT) $(".addDeadline").click(function(evt) { var
Question about either Toggle or addClass
HI, It would be awesome if someone could tell me how to approach this. I have an unordered list like this: <ul id="add_class_to_this"> <li> <ul> <li> <a href="#" id="trigger>Trigger</a></li> <ul> <li>Other Stuff</li> <li>Other Stuff</li> How would I go about making a toggle of some kind to add and remove a class from #add_class_to_this when #trigger is clicked the first, second time. Also, there are going to be several of these <ul>'s on
typed.js – go to an URL after typing
Dear JQuery-People, i'm pretty new on working with JQuery and i have a little question: I use typed.js What do i have to change in my code, if i want to open an url automaticly, when the typing is finished? THANX in advance! Tim <script src="http://www.timrodenbroeker.de/wp-content/themes/trvk/js/typed.js"></script><script> $(function(){ $(".element").typed({ strings: ["Hello You! My name is Tim and i'm a german designer, focussing on short films, music and visual concepts."], typeSpeed:
Checkbox - accessing via class selector seems to work once and not again.
Hello Group! I originally thought this was a problem with jQueryUI but decided to try with out the UI and found its more basic. If I create groups of checkboxes and modify them via the class selector, I get some strange results. I have two groups of checkboxes all with unique id's and each group with its own class. I would like each group to reflect its checked value. The demo code below shows what I've done. When you click one "Test check A" (group A), then all of the A group checks will check.
update canonical link tag using jquery
Hi all this is my 1st post here =] I'm developing using wordpress 3.01 and for some reason i need to update the canonical link tag using jquery using jquery here is what i original have: <link rel='canonical' href='http://example.com.sg/jobs/' /> and i need to change it to <link rel='canonical' href='http://example.com.sg/jobs/view/someRandomID' /> my wordpress plugin allow me to fetch the correct URL via <?php wpjb_job_url() ?> So im assuming the code to be something like <script type="text/javascript">
Jquery Mobile App reading Credit Card Data
Hello, I am looking to see if anyone has any resources on how to extend credit card reading capability to an existing JQuery Mobile application. Are there any plugins and tools out there that support this? I hear that PhoneGap is probably the way to go but I don't know much about how to actually get the card reading done with it either.
keypress() not working in IE8
I am making a typing speed test and I am having trouble with IE8 ( I have only tested in Chrome v34.0 and IE8 so far.) In IE8 the keypress is coming back as undefined. I have this inside of a $(function() { var lastLetter; $('#typedTextBox').focus().keypress(function() { if (errorTest === "hasn't started yet") { errorTest = 'running'; run = setInterval(count, 1000); } //STOP ERRORS FROM PEOPLE HITTING SPACE BAR TWICE IN A ROW !!NOT WORKING IN IE8 var thisLetter = event.which; if (lastLetter
Click on page number of grid view working in ie8 but not in ie9.
Hi I have a gridview with paging enabled. I am handling beforeunload from clientside wherein i am calling a code behind function. When i click on page number the page gets unloaded,which is not desired . So i have aded below piece of code on my page number click to prevent call to code behind function. The problem is the code worked in ie 8, but doesnot work in ie9. -----------------------------------------------------------------------JS/JQ-----------------------------------------------------------------
draggable not working anymore after clone destroyed
Amateur question for sure but I can't figure it out: Every time I let go of the clone, I am unable from that point on to drag the original div anymore. $(document).ready(function() { $('#dragMe').draggable({ containment: 'parent', cursor: 'move', //snap: 'true', helper: 'clone', drag: dragEventHandler, stop: stopEventHandler, }); function dragEventHandler(e,u) {} function stopEventHandler(event, ui) { var offsetX = parseInt(ui.offset.left); var offsetY = parseInt(ui.offset.top); alert("stopped at\n\n
datepicker and two year dates with asp.net validators don't work in asp.net 3.5
The datepicker and the Asp.Net validators have errors in .Net 3.5. In I.E. you get the javascript message: "Error: Unable to get value of the property 'length': object is null or undefined" when the text box loses focus. In Chrome and Firefox it simply does not work. There is a common workaround on the internet to add a select method, but it does not work. Suggested workaround id to add an empty onSelect handler. onSelect: function () { } ref: https://code.google.com/p/jquery-datepicker/issues/detail?id=56
bootstrap button group
Hi I have a button bootstrap button group: <div id="cwEmailNotGrp" class="btn-group" data-toggle="buttons-radio"> <button id="_onNotification" type="button" class="btn css_CWEmailNotifyBtn"><span class="css_CWEmailNotifyBtnTxt">ON</span></button> <button id="_offNotification" type="button" class="btn css_CWEmailNotifyBtn"><spanclass="css_CWEmailNotifyBtnTxt">OFF</span></button> </div> and some js script to handle clicked event on the buttons like: this._onOnNotificationButtonClicked = function (sender)
masked input plugin is not working in android for phone and date format
I am using masked input plugin for my mobile apps to display phone format like this: (714) 323-4564. It works fine in IOs, but in Android is not working correctly. is that the android device or masked input problem. $('#phone').mask("(999) 999-9999"); $('#myDate').mask("99/99/9999");
Cycle2 Captions - Correct caption-template syntax
Hi, Using the programmatic method... jQuery('.slideshow1').cycle({ timeout: 0, prev: '#prev', next: '#next', caption: '#alt-caption', caption-template='{{alt}}', loader: true, progressive: '#images1' }); The captions are not appearing, and in the console, I'm getting this output. 404 (Not Found) From here this... <img src="http://www.*/h360/Chanel1.jpg" alt="Chanel"> Tried a bunch things here, I'm stumped and stuck. Thanks in advance.
jQuery Mobile: Integration With Joomla?
I would like to learn how to integrate jQuery Mobile with Joomla templates. Does anyone have a tutorial or guide me a direction that would give me some pointers? English preferred. Thank you.
How to attach a validation message to something other than an associated label?
Hi, I have a vertical set of grouped radio buttons and I have put them in a fieldset so that the legend can be used as the group label. The results is as shown here. To get the validation done I used the method require_from_group from the additional_methods set, and created a rule for the radio button group. The problem now is that jQuery Validation always wants to associate the error message with the label and the only means of styling I found was to create a css rule for label.error, but it this
Function is executing automatically
Hello Everyone I am failed to figure out that why this function is been calling automatically .. I am trying to invoke it from another function but even if i do not call this funtion from other method ,, still it is been executing. function tab(){ var oTable = $('#example').dataTable( { "processing" : true, "ajax" : { "url" : "/Riyan/DataTableServlet", "dataSrc" : "demo", "type" : "GET" } }); };
Next Page