Sticky div that stays at bottom of the page when page is being scrolled
When someone scrolls down our page, at a certain moment a div (with a cta button in it) comes into view. What i am trying to achieve is that this div, from that moment on, gets 'sticky' and scrolls down with the viewport, at the bottom of the viewport, if the site is beging scrolled down. This div then basically is, but not really, sort of a sticky footer as the rest of the site keeps on scrolling behind it. When the user scrolls back up to the point of when he or she reaches the 'original' div,
I created one process in Jquery, I want to make it as plugin
Anyone knows that? How to create a jquery plugin?
Master slider adding pagnitation & extra controls
i love the master slider plugin for wordpress but its lacking some function which i would love to have. Pagnitation: which will show something like this: page 1 of 50 (depending on how many slides you have). Extra controls: Basicaly I want a control displaying previous and next underneath the slide info. When clickinh on one of those buttons the function should correspond and it should jump to the main slider. Here is an example of what im looking for: http://www.musicradar.com/news/tech/the-50-best-vst-au-plugin-synths-in-the-world-today-621799
each or map but deferred
Hi, Just getting my hands on jquery. $('body').find('div[id^="plugin-load"]').map(function(i, elem) { var plugin_id = $(this).attr('data-plugin-id').trim(); $(this).PlugLoader({data: {"pid":plugin_id} }); }); PlugLoader is custom jQuery plugin. It is doing so many stuff like ajax get request, compilation of template using handlebars when data is received and some other stuff. I would like to change code in such a way that until PlugLoader is not done, each/map should wait before executing next
Validate: Cannot read property 'form' of undefined
Hello I keep getting an error in the console called "Cannot read property 'form' of undefined" when using the Validator plugin. It only happens when the user is logged in, and then it only happens if the cookies haven't been cleared recently. Does anyone have any idea what might be causing it? Thanks James
Parted jQuery library
Hi, I developing new project on embedded system, which has a lot of limits, for example web server has max file size 64kB. I have built jQuery without sizzle and a few other features, it takes 63kB. However, I looking for some else solution, for example, parted jQuery library file into 2 files. Is it possible ?
Issue - outerHeight(), innerHeight() and height() cannot computing on element that have load() function.
Hello iam new member on this forum. I have a problem to get height with 3 function jquery : outerHeight(), innerHeight() and height() when applied on element that have a load function. My code is very simple and here is that code : var content = $(".main_profile"); var csp_height = content.outerHeight(); var csp_scrollableHeight = content[0].scrollHeight; console.log( csp_height ); console.log( csp_scrollableHeight ); console.log( csp_scrollableHeight > csp_height ); if ( csp_scrollableHeight
Change Page Using Anchor Tag Then Scroll to Div
Hi, I'm using an anchor link to scroll to a div on another page containing the id="contact" tag. I have tried to use the header background image div 'head-bg' for the offsetSize, The JQuery function works just how I want it to; however, the browser console shows the following error: Uncaught TypeError: Cannot read property 'top' of undefined, I'm an absolute beginner at JQuery. The code below is a combination from snippets I found available to use online. If I understand correctly, the error
Need the big size image to be resizable
My coding is : <!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" lang="en" xml:lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta http-equiv="content-script-type" content="text/javascript" /> <meta http-equiv="content-style-type" content="text/css" /> <title>DRAG & DROP</title> <meta name="description" content="DRAG & DROP"
How do I Properly Add jQuery Scripts to my WordPress blog?
Hi, I have my own website done in php. I now a lot about jquery but my problem is wordpress. I dont now wordpress and I want to add some jquery scripts to my blog. the website is abswheels.se (build with php) the blog is on a path folder abswheels.se/blog/ (made in wordpress) My question is how I can add something like this http://callmenick.com/_development/slide-down-menu/
jQuery Time Entry on Wordpress
0down votefavorite I have a Time range field I am trying to implement into my Wordpress page. Where do I need to put this code and how do I call it when I want the range text box displayed on my page? $('.timeRange').timeEntry({beforeShow: customRange}); function customRange(input) { return {minTime: (input.id === 'timeTo' ? $('#timeFrom').timeEntry('getTime') : null), maxTime: (input.id === 'timeFrom' ? $('#timeTo').timeEntry('getTime') : null)}; } I have this for just a simple Time Entry field.
How to move a div above a section?
Hi everyone, I'm new to JQuery and this group and I'm hoping someone can help. I have some content that is generated by software and I need to change the order of one part. I need to move a div above a section. I've tried a few things but have been unsuccessful so far. I'm not sure if it is because I'm dealing with a section or because of a mistake on my part. I need to move the custom-header-container div above the main-section section. What is the correct way to do it? <section class="main-section">
Tooltip appear until the element it's attachet to is in focus.
I know it's a kinda expected behavior, but in my conditions it should be changed. The tooltip is annoying users covering parts of UI they'd be interested to see and interract with. Is there any way to make tooltip appear only onhover and never onfocusin.
Swipe to a different url?
Hi folks, Just starting out on JQM, and I can't seem to find any documentation on what I'm trying to do. I'm trying to create a series of pages with swipe navigation. Not virtual pages, but actual pages. I found a good example of how to do it with the hidden divs, but nothing on how to go to a different url with a swipe. Can someone provide me with a quick example? Like swipe right to load "about.htm" and swipe left to go to "contact.htm"?
How to enlarge thumbnail image into large image by drag and drop in same page, b keeping the thumbnail as it is in the same place?
Any of you know the procedure in Jquery?
JQuery Tabs + Tooltip
I want to have tooltips in my ajax loaded tabs. This is my code: $( '#tabs-1' ).tabs({ beforeLoad: function( event, ui ) {ui.panel.html('<div style="text-align: center; vertical-align: middle;"><img src="images/loading.gif" />'); ui.jqXHR.fail(function() { ui.panel.html("Couldn't load this tab. We'll try to fix this as soon as possible." ); }); } }).on( "tabsload", function( event, ui ) {$('.tooltip').jBox('Tooltip', { closeOnMouseleave: true, ajax: { url: 'tooltips/tooltip-html.jsp', reload: true,
jquery.js Problems
Hello, i have a Problem again.. When i am link jquery.js in my html file no other js functions are available <!DOCTYPE html> <html> <head > <meta charset="UTF8" /> <script src="jquery.js"></script> <script> function OpenWindow(window) { if(window=="login") {document.getElementById("login").style.display = 'block';} else if(window == "register") {document.getElementById("register").style.display = 'block';} } </script> </head> <body > Test ob Erstellt <div id="login" style="display: none;"> LoginLoginLoginLoginLoginLoginLoginLoginLoginLoginLoginLogin
jQuery Mobile Compatibility with .Net - Move popup widget's DIV to the inside the form tag
(apologies in advance if this is posted in the wrong place!) We’re using jQuery Mobile and .Net web forms for constructing mobile web pages. We’re using the latest compatible versions, jQuery 2.1.4 and jQuery Mobile 1.4.5. I’ve discovered a case where .Net web controls lose their values if they are inside a popup widget. Take the following example: Say a mobile page contains a jQuery popup DIV. Inside the popup, there are two .Net web controls, a TextBox and a LinkButton. Open the popup, type something
Ayuda con Jquery
Buenas noches amigos de este foro.... estoy utilizando un buscador con su respectivo paginador jquery en tiempo real que funciona excelente. A la vez en esa misma pagina tengo un formulario para ingresar nuevos registros a mi BD el cual tambien los registra sin recargar la pagina. El problema es que cuando termina de realizar la insersion el buscador queda sin efecto... tengo necesariamente que refrescar la pagina F5 para que todo vuelva a funcionar. Por favor ud. expertos en este tema necesito de
JQuery UI Menu with multiple div
Hello I have a requirement to show the Menu on the left and the content on right. For the Menu im using the JQuery UI. On the click of any particular list item it should show the content for that specific list item. How can this be done considering my .html as <div class="nav"> <ul id="menu"> <li id="link1"><a href="#">List1</a></li> <li id="link2"><a href="#">List2</a></li> <li id="link3"><a href="#">List3</a></li> </ul> </div> <div class="reportContent"> <div id="page1" class="content"> <div id="export1">
title of website in alert box with jquery mobile
Hello World ;-) ! I have a little problem with a alert box using jquery mobile I've got my website adress in title on a alert box and I want canceled it ! Is it possible in a different way or with a little code ? Thx
Linking to an anchor name in a webpage hosted within a Jquery accordion
I want to create two accordions on the same page. The first accordion will host web pages of articles for different topics that are located on my site using a iframe or Ajax (not sure which is best yet). The second accordion will host web pages that have different indexes for each of the different topics. Is it possible to link back and forth from the webpages within the accordions using anchors or some other way of linking to specific locations within each articles and indexes.
Replace an object with another in an array using bootstrap modal
I'm trying to update an object if it's type="external" with the 'edit' button. On clicking edit, I get a pop-up/modal, wherein I can update the details. I need to fix 2 issues: * I can't see the old values in the update modal while trying to update the data in my actual application. * Also, on clicking update, it is refreshing the entire page content. I guess that's happening due to replaceWith() method. JSFiddle Note: I'd tried using splice earlier, but it causes duplication of updated objects.
datepicker and a table
I can't get datepicker and a table to line up together as in: datepicker table I have tried just about everything e.g: <div class="input-group">
<div id="datepicker"> </div>
<table id="dayTable" class="table table-striped" style="display:inline-table;width:300px;height:500px;font-size:8pt">
<tbody>
<tr>
<td>
cvbb
</td>
</tr>
<tr>
<td>
ytr
</td>
</tr>
</tbody>
</table>
</div>
Problem styling a Joomla UI accordion on Joomla 2.5 page
I've successfully installed a jQuery UI accordion on a joomla 2.5 page. Using Chrome development tools I can style it but these settings are lost on page reset. Checking out the jquery-ui.css file shows it comes from a CDN "https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/redmond/jquery-ui.css". jQuery and jQuery UI were installed using the Joomla Easy Query extension. The versions are jQuery 1.10.2 and UI 1.10. I want to have the jQuery UI css file accessible from the server so my css
print rows table
hi my database rows show in table with html but i need print button for rows, click button print just rows print , please help me
How to parse json object with collection
Hi! I need to parse the following json: { "customerId": 0, "customer": null, "cultureId": 0, "culture": null, "entrys": [], "id": 0, "uId": "26a8dabd-30b1-4a54-8781-70f209c8dbca", "dateCreated": "2017-08-12T17:11:28.9080481+02:00" } this is what I have so far: var obj = JSON.parse(data); but how can I access the number of items (count) in the "entrys" collection?
jquery-boilerplate is giving some error
Hi, I'm trying this boilerplate template. You can see the demo. Clicking on submit button is giving me error: this.submitForm is not a function I have no idea what's wrong here? This function is working fine when calling from outside click event braces but it's not getting called from inside. I would like to know the template I'm using follows the correct trend along with latest jquery. If not please point me in the right direction for choosing the template. Cheers Prashant
Finding distance between two elements
Hi, I'm at my wit's end now, though it's not jQuery issue I venture to post it here for thoughts. And here's the description. ... <table id="beforeG1"> ... </table> <table id="G1"> ... tons of elements etc. <tr> <td id="g11" onclick="findDepth();"></td> </tr> </table> function findDepth() { // find distance between G1 click to add g11 and the element before G1 /* there could be multiple SAME 'G1' id and multiple SAME 'g11' id */ // var node = document.getElementById('g11'), //g11[0], var node
Filter Content Based on Dropdown List Selection.
How Can I make these 3 dropdown lists to filter the content. They are filtering it individually at the moment. How can I make them filter if 2 or 3 choices are selected. JSFiddle link is attached? https://jsfiddle.net/8no2j42m/
Upload file and JSON data in the same POST request using jquery ajax?
Hi, I am trying to send a POST request using jQuery Ajax, where I would like to upload a file and some json data. Please find below code, var logoImg = $('input[name="logoImg"]').get(0).files[0]; var formData = new FormData(); formData.append('logo', logoImg); var objArr = []; objArr.push({"id": id, "name": userName}); var obj = [{"objArr":objArr, "formData":formData}] ; $.ajax({ type:"POST", url :url, dataType:"json", data : JSON.stringify(obj), contentType:"application/json",
Guidance on pulling JSON data send through textarea
Hello I am new in Jquery.I have a HTML form with textarea and a button,I have mapped the button to Javascript action and send the data entered to a REST API and pull JSON data and show same.I am using REST API of GATE cloud for sentimental analysis.I have the key and password.Kindly tell me how to structure the JSON script and format the URL with POST data containing api key and password I wanted the javascript to handle in the manner (function ($) { $('button').on('click', function () {
CSS Transition Infinite Loop
I have a CSS transition that I want to loop infinitely. I put it on plunkr but it doesn't loop there at all. You would have to create a Web page from the plunkr in order to see it loop. Here is the plunkr: plonkr
JQuery Validate Does Not Properly Work. What Am I doing wrong? Validation Problem
Hello, I have been trying to solve this issue for a long time. Here are the highlights of my problem: I have written code using C# which builds a JSON object and sends it back to the client-side via AJAX. Within the JSON object are validation rules, messages, and a dynamically built HTML form. I append the form to a static DIV in the HTML page. As I iterate through the JSON object, I dynamically add the rules to the individual, dynamically-built form elements. The rules appear to be added fine. Sometimes
how to check file name?
hi guys need some help. i have written a code that checks now if i have uploaded 2 file with the name which have been defined. but now i would like to check for each file name and show an alert message to the user which file name is missing. var files = $('#file').prop("files"); var fileNames = $.map(files, function(val){ return val.name; }); var toCheck = ["Query", "Entities"]; $.each(fileNames, function (i, name){ var Filename
How to make the datepicker display a german date format?
This seems to be a question nobody is ever asking but me: How can I get a date format like "25. Dezember 2016" instead of "25 Dezember 2016"? Right, the dot makes the difference. I use Quform, which offers already a bunch of date formats out of the box. The one I need isn't there. Is that a datepicker js affair? How? Where? What to do? Help urgently needed. Matthias
Prevent image loading to show
Hi, I am using below to show an image based on date and if not then display default image. It is working beautifully but I only have one problem. I am displaying a loading screen until the image is displayed but it is not happening and the loading will go off before the image is display then the user will see the image loading which is ugly How can I fix this please? $("#imgHomeSplash").attr("src", "https://people.softnames.com/images/home/splash/NASSER/" + special_date + ".png"); $("#imgHomeSplash").on("load",
Eklenen sayfaya liste menusunden bağlanamama
Dreamwear jquery de yapmış olduğum uygulamada 8. sayfayı eklediğim zaman 5.saffadaki liste üzerinden a href #page8 bağını kurmama rağmen sayfaya bağlanmıyor?nedeni neolabilir..ii aksamlar
Array
I have this array: var aLang = new Array(5); aLang['fr'] = new Array(350); aLang['en'] = new Array(350); aLang['es'] = new Array(350); // [languish] [key] =" item text" aLang['fr']['Menu1'] = 'Acceuil'; aLang['fr']['Menu2'] = 'Programs'; //---- Key aLang['fr']['3'] = 'jQuery'; aLang['fr']['OP'] = 'cSharp'; aLang['fr']['OC'] = 'C++'; aLang['fr']['OM'] = 'Lisp'; aLang['fr']['OMT'] = 'Fortran'; //Html tags <li><a key="Menu1" class="ctext"
wrapAll around two elements?
Hi, I'd like to wrap a section around two elements. What I understand from wrapAll is that I could only either wrap all h4 or p but not combined... The current structure is: <section id="questions"> <h4>Question</h4> <p>text></p> <h4>Question</h4> <p>text></p> <h4>Question</h4> <p>text></p> </section> I'd like to archive: <section id="questions"> <section class="question"> <h4>Question</h4> <p>text></p> </section> <section
Next Page