Explanation needed for new Object();
Hi I came across this code for setting co-ordinates of an element. <script> $(document).ready(function(){ $("button").click(function(){ newPos = new Object(); newPos.left = "0"; newPos.top = "100"; $("p").offset(newPos); }); }); </script> However i did not understand the concept of new Object(); can this please be explained to me? Thanks so much Jayashree
Datepicker links not working
I''m using Datepicker to display a small calendar on my website. I need each date to lead to another page. Problem is, links are not opening? Everything looks fine, but on click nothing happens. The links work on a right-click> open in new tap though. Is there a default setting for that or...? How do I fix that?
How to get draggable to work in child window?
Hi, I am using the latest jquery and jquery ui. The problem I have is that I open a window. This window I have a webpage inside. If I include jquery and jquery ui into the child window directly. Everything works perfectly. However, I want to use jquery on the parent window to append jquery and jquery ui to the child window and the ui code inside a function. Then run the function from the parent window. It only works if I directly add jquery and jquery ui in the child windows document by modifiying
asynchronous functions
I am building a site which has dynamically generated content entries and some of the info for each one comes from a unique source. This means a dynamic list of content is loaded and then for each item of content a ajax request is made to get some unique data related to it. My problem is this If i make a loop which itterates over the list which an ajax call to get the unique content each itteration of the loop will wait while its ajax call completes. I dont want to do this. I want the loop to continue
Email is not validating
Hi, I have this page: http://careers.meskholdings.com/enter.php I have set the email validation to true as you can see here: http://careers.meskholdings.com/enter.js But it's not validating required rue and not email rule. Kindy help.. Thanks, Jassim
error on #div.html()
I'm not sure why I kept getting error on the line 58. It works fine on another page though. It didn't specify exactly what the error is regarding javascript but only coldfusion error which does not make any sense. It's a coldfusion page with script javascript inside of the cfoutput. Without line 58, there is no error.
$("#dialog") Is not a function error
I want to pass a data(text) to the dialog. Inside $(document).ready(function() I have function openDialog() { $("#dialog").dialog({ autoOpen: false, resizable: false, height: 180, width: 350, modal: true, open: function(event, ui) { var dialog = $("#dialog"); dialog.data = dialogText; }
Making a counter clock , with incremental buttons for the user
Hey guys , i need to create a counter like THIS one is there a plugin i can use for this ? or will it have to be custom made ? , the functionality will have to be similar to THIS . Any Ideas ? :P P.S. this is not a countdown ind of a thing , so iám not sure there are alot of plugins for this requirement of mine :P
Flexbox calculated width is rounded down when moving a Sortable helper
flexbox items can be stretched to fit the width of the largest object in the same flex container and the calculated witdh can be a floating number (in Firefox 43.0.1) I found a bug(?) in jQuery UI that the helper for Sortable can have smaller witdhthan the original object - is is rounded down to an integer (I guess it's the same for height when using flex columns instead of rows) I created a dirty fix for myself to manually edit following line in my downloaded version of jquery.js: https://github.com/jquery/jquery-ui/blob/800d76ac17345b6016f3d067b41a757ebd2c9bb8/ui/widgets/sortable.js#L976
how this pointer is made?
this is the site , i hope is no problem with putting the adress here http://bartaile.com/
How to trigger the option selected in select menu ?
Good morning ! I have a select menu, I would like to generate a different form depending on the value selected. I've tried to trigger the value selected doing: $("#select-Type").bind( "change", function(event, ui) { alert("Selected"); // for test }); This don't work, could someone tell me the best way to do it? Thanks
Problem with dinamic contect + url
After adding function swipe, website stopped update dinamic content + url. This is code need update content: var default_content="";
$(document).ready(function(){
checkURL();
$('ul li a').click(function (e){
checkURL(this.hash);
});
default_content = $('#pageContent').html();
setInterval("checkURL()",250);
});
var lasturl="";
function checkURL(hash)
{
if(!hash) hash=window.location.hash;
if(hash != lasturl)
{
page is showing in Chrome but not in Firefox
I have this fiddle: https://jsfiddle.net/v4qL77e1/5/ It does work well in google chrome but not in Firefox. The contenteditable div is just not showing in it. Can you tell me please how can I take care of it? thanks.
Load image in IE
I'm trying to use load function to get images sizes once they have been loaded. It works in all other browsers, but trying to get it to work in IE10+. The load function is just failing silently in IE. I did see some talk about assigning a date to the src, but it warns against using this for files hosted on CDNs, which this will be. So can you show me how to fix this & play nice w/ CDNs ? $(document).ready(function() { var myz = 100; $('div[id^="myimgdiv"]').find('img').each(function() {
jQuery Cycle Plugin - Start Sliding on mouse over only
Hello, I would like to know how I can : 1- RUN the Cycle plugin only when mouse is OVER and return to first image when out 2- Write a word on (Overlay) on top of the slider. Best Regards, Gilles Capelluto
Number of table cells to fil the screen width
Hi everyone, how is possible to fit a random number or table cells with a min width (<td>) based on the device's screen width and the rest of the cells just to wrap underneath? In some short of way I am looking for a responsive <tr> where the cells which do not fit in the screen to wrap underneath... ? Bear in mind that all the cells are with a single <tr> tag. Does that make sense? Thanks in advance. Dimitris
Updating hidden fields
I have 3 fields on an aspx page: <asp:HiddenField ID="hfOne" runat="server" /> <asp:HiddenField ID="hfTwo" runat="server" /> <asp:HiddenField ID="hfThree" runat="server" /> I also have a button as follows: <asp:Button ID="Process" runat="server" Text="Process" /> I wish to: Capture the Button Click Change the hfOne.val based on a function that takes hfTwo.val and hfThree.val. I have the following, which is incorrect: <script type="text/javascript"> $(document).ready(function
Is this how I would for getJSON with proxyURL?
Is this how I would do for proxyURL in getJSON? This is the tutorial I'm following except Ben was using .ajax instead of getJSON. function GetArticles(){ $('#searharea').keyup(function() { var searchField = $('#searharea').val(); var myExp = new RegExp(searchField, "i"); $.getJSON('ajaxProxy-KB.cfm', {proxyURL: 'https://app.mysite.com/api/head/article.json', name: { $regex: searchField, $options: "i"
Is there any promisses interface for Ajax global events?
According to jQuery documentation, the global Ajax event handlers must be implemented using callback functions on the document. Otherwise, local jQuery.ajax() implement events using promises. Is there a way of doing so for the global events?
How secure are the localStorage?
Hi, I am currently using $_SESSION in PHP to store my session variable specially for checking if the user is signed in or not, user email address, etc. What's the alternative in JQuery and JQuery Mobile? Can I use localstorage as an alternative? Is it Secure? Thanks, Jassim
1.10.0.min.js on cdn not avaliable
Hi experts and support teams, I just realize http://code.jquery.com/jquery-1.10.0.min.js is a dead link? Any chance fixing it? Thanks so much, just used it in a production environment. Not sure if that is a good idea. Cheers, Josh
Use of single and double quotes
Hi I have a doubt about the use of double and single quotes. For example this code: alert("Scroll left,top position of the Paragraph are:"+$("p").scrollLeft()+','+$("p").scrollTop()); Why are single quotes used in +','+ Thanks for helping me Jayashree
jQuery AJAX submit form
Hi, I have created a Sub-Total basket here: Sub-Total app on Codepen Everything works fine except of Ajax submit form and the end of my jQuery code. I want that by clicking on the submit button an alert box appears which shows the values of the form as JSON. The alert box should show Something like this: {"items":[{"name":"Cotton T-Shirt, Medium","price":"1.99","cost":"1.99"},{"name":"Baseball Cap, One Size","price":"2.99","cost":"2.99"},{"name":"Swim Shorts, Medium","price":"3.99","cost":"3.99"}],"subtotal":8.97,"total":10.764000000000001,"tax":1.7940000000000003}
Label checkbox icon vertical position
Hi, I would like to make standard ui-checkbox icon (ui-checkbox-off / ui-checkbox-on) inside label to be vertical align same as label text. Require this because currently if there are long label text, the icon would appear in vertical-middle. I am able to use CSS to make changes to ui-checkbox > input top:0px but the icon still remain in same. I have tried all possible method and inspected each code but still to no avail. Here is my JQM checkbox code. It is nothing fancy. You may need to resize your
Uncaught referenceError: JQuery is not defined
Dear, tried alot of things but cannot get this error away, This is my code: this is my <head> <script type="text/javascript" src="js/modernizr.custom.js"></script> <script src="js.jquery.royalslider.min.js"></script> this is at the end of my page <script> jQuery(document).ready(function($) { Uncaught ReferenceError: jQuery is not defined $("#royalSlider").royalSlider({ // options go here // as an example, enable keyboard arrows nav keyboardNavEnabled: true }); }); </script> <script src="js/jquery-1.9.1.min.js"
ajax (done) is not done :)
Hi, below link is working fine when it's normal form post but when I try ajax-done-fail it doesn't work. http://www.mybluefile.com/m/x_pending_review_leaves.php expected result should be like this: when click on Jassim Rahma (Employee Name) it will open my pending leave so you can accept or decline. when accept or decline it should show (Please wait) waiting message and then redirect you to google. once accepted or declined the leave should be removed from the http://www.mybluefile.com/m/x_pending_review_leaves.php which
Grab emails from URL?
Hi guys I'm trying to grab emails from URL and display. <script type="text/javascript"> $(document).ready(function () { $("#submit").click(function () { var curUrl = $("#url").val(); function extractEmails(curUrl) { return curUrl.match(/([a-zA-Z0-9._-]+@[a-zA-Z0-9._-]+\.[a-zA-Z0-9._-]+)/gi); } document.getElementById('result').innerHTML = curUrl;
Dynamic page loads not working
I'm very new to jQuery Mobile and I'm trying to get my head around how dynamic page loading works. The documentation states: When the requested page loads, jQuery Mobile parses the document for an element with the data-role="page" However, when I look at the source-code for the current demo (http://demos.jquerymobile.com/1.4.5/) I can see that the menu panel on the left is a contained within the main page div, as are pretty-much all other DOM elements on the page. Ordinarily I would take this as
Copy the text to clipboard
I got a variable value from the server. Originally it was from alter window so it is hard to copy/paste the text. So I use the following code to retrieve it. function copyToClipboard(textToCopy){ $("body") .append($('<input type="text" name="fname" class="textToCopyInput"/>' ) .val(textToCopy)) .find(".textToCopyInput") .select(); try { var successful = document.execCommand('copy');
jquery plugin click event
I have written successfully a few jQuery plugins. However this plugin is the one I am having difficulty with. Now the plugin works and does what it is supposed to, but only the first time it is run. I would like to run it again with updated data, but it won't work if I run it twice. eg if I run this like this $('#phonedate_admin').dateRange({ url: 'database/phonelog/tables/phone_table.php',sender:{PAGE:vPage(),USER_ID:"",SEARCH: "harley"}}); $('#phonedate_admin').dateRange({ url: 'database/phonelog/tables/phone_table.php',sender:{PAGE:vPage(),USER_ID:"",SEARCH:
Jcrop not dragging
It uploads the image alright and highlights an area to be cropped but you can't drag the area and I have no idea why? Which bit does the drag or do I have some css missing? I presume it is possible to crop ore than one image on a page with more than one copy of the Jquery code with different field Ids? Thanks function updateInfo(e) { $('#x1').val(e.x); $('#y1').val(e.y); $('#x2').val(e.x2); $('#y2').val(e.y2); $('#w').val(e.w); $('#h').val(e.h); }; // clear info by cropping
jcrop not a function
I am trying to use jcrop I have this at the top of my page <script src="http://studiga.delta-xray.co.uk/sites/all/modules/add_property/js/jquery.min.js?o2190n"></script>
<script src="http://studiga.delta-xray.co.uk/sites/all/modules/add_property/js/jquery.Jcrop.min.js?o2190n"></script>
<script src="http://studiga.delta-xray.co.uk/sites/all/modules/add_property/js/crop.js?o2190n"></script> I have this in my page <input onchange="JavaScript: fileSelectHandler1();" type="file" id="browse_file1" name="browse_file1"
Get a "Save As" dialog to save a part of a webpage?
Before I experiment, I need to know if this is even possible . Let's say I have a webpage with a hidden DIV that's styled with Bootstrap. And let's say when a user clicks a hyperlink that the hidden DIV displays. Let's refer to the hidden DIV as "printMe". Now, Inside the hidden div is some content, and a button that says "Save/Print". When the user clicks this button, I'd like to be presented with a "Save As" dialog, but just for the "printMe" DIV. Is this even possible? And if so, could I hide
problem with input when type=submit
hi, this code not working in jquery : <form action="dologin.php" method="post"> <input id="username" name="username" type="email" placeholder="Email Address" /> <input id="password" name="password" type="password" placeholder="Password" /> <input id="button" type="submit" name="submit" value="Submit" /> </form> form not submit data when click on submit ! how to resolved the problem ?
missing field in response text of ajax
i had to make a application to send a enquiry mail using php. i used ajax to send data to php after sending mail will return status. if there are error in fields then error data is being send to html as a json encoded text.all works fine in php. when back in javascript i am missing a field value the last one . in php if this is the output {"name":"Paul","place":"USA"} responsText is {"name":"Paul"}
Button style like in Themeroller
Hi! I saw a coll radio button in Themeroller , but i do not understand, how to insert this button to web page. Then I insert this button, i see button like this, but without radio. Please, explain to me, how to make this button.
Slidedown, up and toggle problem!
Hi Guys! I have a problem with jquery, I would like to use slidedown and up or toggle my code <div class="vertical-termekek"> <ul class="nav nav-pills nav-stacked col-md-3 col-sm-12 col-xs-12" id="vertical-nav"><p>Termékek</p> <li class="dropdown"> <?php wp_nav_menu(array( 'container_id' => 'cssmenu', 'depth' => 3, 'menu_class' => 'nav nav-pills nav-stacked', 'theme_location' => 'secondary', 'fallback_cb' => 'wp_bootstrap_navwalker::fallback', 'walker' => new CSS_Menu_Maker_Walker()
jquery mobile select-menu-custom-filter portuguese language
Hi, I am a novice and trying to get my head arround jquery.I am testing a jquery mobile filterable costum select in my project http://www.promocaototal.pt/cidades1.php it's all working fine but the issue is that the cities names are in Portuguese and when applying the filter it does not recognize the special charactes returning an empty search for names like Águeda when typing Agueda. Can anyone one point me in the right direction please? Thanks
Selectable - Columnwise
Hello, I basicly have a timetable and I want to allow the user to select TD elements of the table, but only columnwise. I did it this way using the jQuery UI Selectable functionality: http://jsbin.com/munodamane/edit?html,css,js,output I think you can see the problem, apparently only the first TD of the first column is being able to be highlighted. I tried to fix this for a few hours now and didn't find a viable solution for it. Probably you can help me.
Get array's elements and append them to div
I get the string array from a web service. Now I want to display the data in a div. However it is not working(nothing is shown) Thanks for help. <!DOCTYPE html> <html> <head> <title>Mars</title> <meta charset="utf-8" /> </head> <body> <div id='photo'> </div> <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.0.3.min.js"></script> <script> $(function () { var id = 1000; var url = '/api/Photo/' + id; $.getJSON(url)
Next Page