Fullscreen overlay navigation
Hey jQuery community, I'am would like to implement one of the hamburger icon's from the link below. https://jonsuh.com/hamburgers/ Now i implement the hamburger icon, but i have problems to set the script for the fullscreen overlay correctly. You can see my resaults at www.spotz.de My target should be soemthing like that https://codepen.io/PaulVanO/pen/XJYGNQ Many thanks in advance! Mr T
Escaping ' and " in jquery
Hi, I'm trying to append the following to a div but having issues due to multiple ' and ". Here's what I want to append: <?php echo do_shortcode( '[add_to_cart id="35"]' ); ?> Script i'm using: $('.rpt_features_0').append('<?php echo do_shortcode( '[add_to_cart id="35"]' ); ?>'); I know there's a way of escaping the quotes, just cannot figure it out... I've tried adding \: $('.rpt_features_0').append('<?php echo do_shortcode( \'[add_to_cart id="35"]\' ); ?>'); But doesn't work... what am I doing
How jQuery website looks on a vertical display.
Hello, i was trying vertical display (Ctrl+Alt+Left), and saw this icon overlap with text in the download button. Thought i should inform, not because it is a serious issue, but because its interesting.
Passing Variables from PHP/MySQL - jQuery Best Practices
On our WordPress site, I have created a page to: (a) search our extensive database (via a mysql query in php) for particular strings ($search and $search2) using two search boxes with and/or radio buttons, (b) return a two-column table (columns: DATE and EVENT) where one and/or another of the strings is found in the EVENT column, (c) paginate the results when they exceed 100 rows, with one-click navigation to the additional pages, and (d) highlight the found strings in yellow using the mark.js jQuery
Hola, problema con galeria
Estoy usando Una galeria Que descargué de su Página. Aparecen las Imágenes en cuadraditos pequeños en La Página Web y cuando se Hace clic Sobre Ellos, la imagen se agranda con un marco blanco y fondo negro, Pero El problema es Que la imagen se agranda en su Tamaño original, y querría Que se agrandara un Máximo del ancho de la pantalla del Dispositivo en El Que se Visualiza. Esta Es La Galería: * JQuery Smooth Scroll Plugin v1.4.5 * Fecha: Dom Mar 11 18:17:42 EDT 2012 * Requiere: jQuery v1.3 + Si
How to remove css pattern when window size is less than 800
Dear Sir Following web site link is for responsive website However due to typical pattern I need to use <div class='s-12 class768x447'> <div class='s-12 class832x641> <div class='s-12 class350x702'> instead of <div class='s-12 l-12'> when window size is less than equal to 800 i want to drop / remove class like class768x447 How can i Accomplish this please help
Jquery to fill Textarea using jquery textfill to its full height not working
Dear Sir Jquery to fill Textarea using jquery textfill to its full height not working Jquery <script src="http://www.prajaktasoftware.com/arh/jquery-textfill-master/jquery-textfill-master/source/jquery.textfill.min.js" ></script> I am referring to web page http://prajaktasoftware.com/arh/aboutus.php where in html part <div class="s-12 l-12 " style="padding-left:0px;" > <div class="s-12 l-12 " style="padding-right:10px;" > <div class="s-12 l-6 arhabout" align="center" style="padding-right:10px;"
Developer tool show many errors : how to debug / resolve error
Dear Sir http://prajaktasoftware.com/arh/aboutus1.php i am trying to debug since textfill is not working i am getting following errors I donot understand how to settle these errors i am surprise to see Uncaught TypeError: $(...).textfill is not a function because of this the textfill is not working (fill text in div) Failed to load resource: the server responded with a status of 400 () shortcodes.css Failed to load resource: the server responded with a status of 404 (Not Found) settings-panel.css
how can I not processing the form If not all required fields have been filled in?
Hello, I have a form and I validate the form. This is required: at least one letter, at least one capital letter, at least one number, be at least 8 characters. I want to have if all is required is done then processing the form. But now if you type one letter and you click on the button then is the form processing. my question is: how can I not processing the form If not all required fields have been filled in? thanks in advance. the code is: $(document).ready(function(e) { $('input[type=password]').keyup(function(e)
How to generate hierarchy with generated div and <select> tag ?
I have to do some forms and generate div with them but that's not my problem here. Actually, I would like to know how create something like a hierarchy between this generated div, and the main actor will be the <select> tag. Here is an image of what I would like to have. For exemple when I create a chapter and I related it to the Book 1 I just generated before, then the chapter append inside the right "book" div. Or another example if I want to create a specific Line block. I want it in the right
Syncing toggle icons when collapsing / expanding multiple portlets at once
Not sure if this is the correct forum but I'm fairly new to JQuery so I think I'll fit right in. I've come pretty far with my coding but now I have encountered a problem I don't know how to solve and I have searched everywhere. Hope you can help. So, I have created multiple expandable and collapsible portlets with plus / minus icon toggles. When I collapse or expand portlets individually the icons toggle correctly. I have added two buttons that expand or collapse all portlets respectively - again
Click: animate & link
Hi everybody ! I have no knowledge about js, but I tried to understand the logic and to construct something myself. But I failed. That's why I want to aks your help ... :-) I am currently working on this website (which is naturally still in the construction phase): http://www.kommoedchen.be/ What I want to implement is the following: when you click on a link of the menu (which is an iframe menu, but that can be changed!), I want the header image to change height, like: $("#slideshow").animate({'height':
Jquery to mange same height of Div / images not working in certain case
Dear Sir refer following web page where height of images are of same height using Jquery. http://prajaktasoftware.com/arh/fullimageworksfine.html --> works fine I replaces the middle image with 2 different images and found that the images are not of same height http://prajaktasoftware.com/arh/projectsinthiscategory.html -> doesnot work fine and we want to make the images heights same or Jquery should work Summary When there are only 3 images jquery sets their height to the heighest one. When middle
HOW TO SAVE IMAGES IN FOLDER USING JQUERY WHEN USER UPLOADS THE IMAGES
Hello, how to save images to webserver root folders using jquery??
how to store ajax response into a jquery variable being used in html in textbox
here is my gist of code: https://gist.github.com/anuragk098/3e11673136325b5e5b1859bde11f2117 here is my page: http://abachelorskitchen.com/ in first text box i am getting all the cities from a jquery function var months = [<?=$city;?>]; $('#tbCountries1').autocomplete({ source : months, minLength: 0, minChars: 0, max: 12, autoFill: true, mustMatch: true, matchContains: false, scrollHeight: 220, formatItem: function(data, i, total) { if ( data[0] == months[new Date().getMonth()] ) return false;
A problem mobile browser an audio playing.
Please help me friends. I wrote this code $("#loginbutton").click(function(){ var user=$('#log-username').val(); var pass=$('#log-password').val(); $.post("<?=$siteurl?>inc/process.php?do=login",{loguser:user,logpass:pass},function(logdata){ logcontrol=logdata; if (logcontrol=="t") { logmsg='Giriş Başarılı.'; } if (logcontrol=="u") { logmsg='Kullanıcı adı boş bırakılamaz!'; } if (logcontrol=="p") { logmsg='Parola boş bırakılamaz!'; } if (logcontrol=="upf") { logmsg='Kullanıcı adı ve parola boş bırakılamaz!';
jQuery ui on a closed network
Hello! I was playing around on my sharepoint site and wanted to try to implement tabs to my New Item form. I´ve never used jquery before but have done a few simple modifications with a custom css stylesheet. I found this, what seemed to be just what I was looking for: http://www.markrackley.net/2015/12/03/tabify-your-sharepoint-forms/ In his script he points to the url´s for the jquery, jquery ui and the stylesheet. But I want to be able to run this script offline since I´m on a closed network.
How the global jquery object works
How does the main prototype/object/function in jQuery work? Mainly it operates as though it's a function and an object, and I can't figure out how. ie: $('.container') or $.get('some api') There is clearly a jQuery function that returns an init function from the prototype, but I can't quite figure out how to put it all together so that the constructor can be bypassed and you can access other methods on the prototype. Would anyone mind explaining quickly?
webpage as resume .. can i print it later ?
Hey Guys , i wanna make a webpage of my resume and then beable to print it out ? Is this a good idea ? I did't want to use word because i am not to great that it , please in a web doc i can make my resume really much funky. is this a good idea ?
File Upload Queue
I am trying to make an upload queue that I can submit multible photos to a PHP file for handling. I know how to submit a form, and send stuff through Ajax, but the file upload has me stumped. I know there are many out there such as BlueImp, but I am having issues with blueimp once my security is in place. I also need it to do some things, that it cannot do. However, I do like the way it works, I have also looked at other JQuery uploaders, that build a file list, but cannot figure out how it comes
How do I use a jQuery plugin?
Hi, I am totally new to JavaScript and jQuery. I would like to use this plugin https://harvesthq.github.io/chosen/ for a multiselect on a page. How do I use the plugin? So far I downloaded the chosen_v1.6.2.zip at https://github.com/harvesthq/chosen/releases, unzipped it, and added it to a js folder in my root. I copied the source of the page https://harvesthq.github.io/chosen/ to my jsp file, prefixed all references to chosen files in the page with "js/chosen_v1.6.2/", and made the chosen files
problem with event propagation
Hi everybody ! I am totally new to jquery and i like it. i am studying event propagation... and wel.. here my problem : i have a login box that appears on clik i found a jquery code helping me to click anywhere to make the button disappear. problem : When i try to log, impossible to insert a username; the login box disappears. any help?? thanks
I'm a beginner and I can't for the life of me get some simple jquery working with my html
My HTML is <!DOCTYPE html> <link type="text/css" rel="stylesheet" href="../../page.css"/> <html> <head> <title>New</title> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/main.js"></script> </head> <body> <div class="image"> <img src="1.png"/></a> </div> <p> Hello World </p>
New to jquery. Trying to make sense of it all with wordpress.
I'm working on a website and I have 6 buttons in rows of 3. When I click on one of the buttons, I want new information to show up on the page depending on which button is clicked. Here is my code is JSFiddle https://jsfiddle.net/mdqL0Lrv/1/. The code works on here as a basic for now. I'm using WordPress so this is the code. I'm using latest version and with Visual Composer a Page builder. http://imgur.com/a/WAKTF Any help is very much appreciated, I do plan on expanding my knowledge on jquery very
Get a table from a website in json format
Hello, I am completely new to javascript/jquery, so I have this simple question: How would you best approach extracting a table from, say, a wikipedia article? I did it manually through my browser's console by selecting the wanted html table elements and looping through them, but I would like to automate this process (as in - have a script that takes the input link and saves the json output for the desired table on my disk). Is using the Wikipedia API the only way? I found it rather perplexing and
Check if user selected Time has expired
Hi, I want to check if date is today, then user should not be able to pick expired time. However, if the date selected is tomorrow, then any time can be selected. I am trying to do a check in jquery, but not sure how to check. The date is in the format of "MM/DD/YYYY", and the time is in format of "hh:mm a". Expired time of 5 minutes is allowed Below is the code which I have tried: var targetTime = new Date().setMinutes(-5).valueOf(); var today = new Date(); var dd = today.getDate(); var mm = today.getMonth()
Uncaught ReferenceError: jquery is not defined at index:19
<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="description" content="Neon Admin Panel" /> <meta name="author" content="" /> <link rel="icon" href="<?php echo base_url();?>assets2/images/favicon.ico"> <title> ADMIN </title> <script type="text/javascript"> var $ = jquery.noConflict(); //line 19 $(document).ready(function() { $('.fancybox').fancybox();
(function($){...})(jQuery)
(function($){ ... })(jQuery) Can someone explain all these wrappers? Is that the same with $(function(){...}) ?
About google map and to show location in map based on latitude and longitude.
Hello Everyone I want to display one particular location in map based on longitude and latitude , And I want to show the direction arrows for the street in which it will automatically when users move here and there. please anyone can help me how to achieve this!!. Can We do it by using jquery? Thanks in advance
Variable Scope in document.ready() function
Dear Friends, I following codes where I have setup a global variable but its value is not getting updated within the flow. Code is below. Please guide me to find a solution: var flgBtnBold; $(document).ready(function() { flgBtnBold=0; $('#btnBold').click(function() { if(flgBtnBold==1) { alert('within if block when true'); $(this).css("color","#000"); flgBtnBold=0; alert(flgBtnBold); } else { alert('within if block when false'); $(this).css("color","#f00"); flgBtnBold=1; alert(flgBtnBold); // It is
disabling controls ?
I have to make a presentation to a group of older folks, and will likely do it as a webpage: it will be displayed via a medium-size tv screen (Sony Bravia). Navigation down through the layers would be by strategically-placed transparent gifs, and colored markers like those on googlemaps. I have this idea that those who want to could bring their iPads, and follow along, if they're in the back row or nearsighted: but wouldn't want them to navigate for themselves. So...would there be a way to disable
Executing two functions in the correct sequence
Hello all, I am a jQuerie newbie. Have spent hours on the net and still unable to fix a problem and now totally confused. I have two jquery functions. Function one has to be executed before function two. When I run the script function two is always executed first. Hope someone is able to assist and wish to thank them in advance. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <script> $(document).ready(function(){
CDN page
The copy button doesn't seem to be working in Chrome for the minified 2.2.4 jQuery. Also, PLEASE get rid of the diagonal stripes once copy has been clicked. They provide absolutely no value and are extremely annoying.
How to stop adding the same words, that <element> already has
Well, I start from gathering 7 values from 7 <tr>'s: name 1 name 2 name 3 name 4 name 4 name 5 name 6 var names = $("tbody tr").map(function(ind, obj){ return $(this).children().eq(3).text(); }); But I need to remove duplicates, such as name 4 How can I do that? This code doesn't work for preventing text duplicates: $("span#complex").text( $.map(names, function(obj, ind){ if( $("span#complex").is(":contains(names[ind])") ) return; else return names[ind];
Framework to handle specializations
I have an application where I want to cut down on the amount of separate versions of code for each customization. One client gets one version another does not need the customization so I want to find a framework or build one such that a pre processor gets called when an event occurs on the page due to a click and if there is function for the event registered, that functional specialization gets executed and then control returns to the outer function. We never change the outer function. It returns
Need help start contributing!
Hlo everyone! i am Vaibhav Gupta, new to jQuery openSource contribution. i have cloned the source code and build it successfully But i am stuck where to start from. Can you please direct me from where can i start contributing. Though i am not sure if its the right platform to ask this, still any help will really be appreciated.
How add a jQuery that makes an AJAX call to https://www.google.com?
Hi. I want to add a jQuery in my html page that makes an AJAX call to pages like https://www.google.com and it shows the content on my html page? How can I do that? I tried it myself to write a code but it didn't work
How to show/hide an image when value of an object changes between 1 and 0
I have been learning jQuery from this forum and from Jake Cigar... Thanks a lot to Jake and this forum administrators.... And have been trying to design web-page to connect with PLC (which has a web-server in it), and control and monitor industrial processes... I need a little help... So i have been trying this method of showing a green image when motor is on, and showing a red image when motor is off... motor on and off are bool value, that is 1 and 0. So ProcessStatus is 1 when motor is on, and
How to display a value using id multiple times in a html document
If I am using an id to display a value in a HTML document, and if i use the same id to display the same value in another part of the screen, its not working... see below <label id="batchwt">NA</label> ----------------- I am using this to show the batch weight and now if i use this same ID = ("#bathwt") to display the same value in another part of the same HTML document, say in a table.. it doesn't work... <td class="d5" id="batchwt"> LB</td> -------------- I used this same id to display the
using "one()"
Having a problem attaching 'one' to an audio tag. Here's the structure: <div id="song"></div> Individual songs are loaded into this div, eg "song1.htm": <audio id="song1" preload controls autoplay> <source src="song1.mp3" type="audio/mp3"> your current browser does not support the new audio standard: upgrade if you can </audio> I want to attach an animation to fire once when the song starts playing: function myAnimation() { /// } In an external javascript
Next Page