Smooth Scroll problem
Hi guys, so I cant get it to work and I dont see what I am doing wrong. I follwed this video step by step: https://www.youtube.com/watch?v=-SnKQsM_BfQ and it refuses to smooth scroll, the anchor works though. I made a separate file called scroll.js with the following code; $(function(){ $('a[href^="#"]').click(function(){ var target = $(this).attr('href'); var strip = target.slice(1); var anchor = $("a[name='" + strip +"']"); e.preventDefault(); $('html, body').animate({ scrollTop: anchor.offset().top
div not hide when submiting
in my css i have the #imagefinder{ display:block; line-height: 1.5; font-size: 12px ; color: rgb(127, 124, 124); border-top: 1px solid rgb(219, 229, 232); } in my demos.php <div id="imagefinder"> Create an account or login.<br> It only takes a minute or two - then you're ready to Go!<br></div> <?php if(!empty($err)) { echo "<div class=\"msg\">"; foreach ($err as $e) { echo "* $e <br>"; } echo "</div>"; } ?> What i want is when user hits the submit button and if there
append Children from a Box to another
Hi, what i am trying to do is to remove items from one box "selectedFrom" and add it to its sibling "apendTothis", but unfortunately if i am selecting the children and append it to the specific sibling box "apendTothis", all children from other boxes will apear to every sibling box. example of html struct: ... <div class="parent> <div class="selectedFrom"> <div class="child">item</div> <div class="child">item</div> <div class="child">item</div> </div>
Change menu Font after refresh
Dear All http://prajaktasoftware.com/vasaiprag/index.php# I have this in multilingual As as advised (BY JAKE) I am refreshing the page after change of language so as to change the menu however the I want to increase the font size when 'Marathi' is selected and revert (or change font) when 'English' is selected I am using following css I want to change font size using ajax #cssmenu > ul > li > a { font-size: 14px; /* I want to change the font size */ font-weight: bold; padding: 15px 15px;
is it need to take license?
Hello again, I am using time countdown plugin in my site .Is need to take any license for this purpose .If yes then tell me whole process how can i get it.
Easiest way to make a page with four images that show one after the other.
Hi, I'm trying to work out how to set up a web page that shows a series of four images one after the other, with a fade-out in between. This is the sort of thing that I have in mind: http://www.britishschool.fr/ I've done a lot of HTML, and some stylesheets but I've never done any javascript. I'm a stay-at-home-mum and I'm looking into this in case it's something that I could do to help out my local primary school who want to revamp their website. I'm keen to keep the html as simple as possible.
Noob Noob Question about when script are executed
Hey There, I'm just starting JS/jQuery and i got a first question i'm not able to answer myself : is the code from a .js script executed when i call it from a HTML file ? I thought so, but why in this example, there is nothing in the console ? (chrome dev debug) In my Index : <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"> <link rel="stylesheet" href="./main.js"> my js file : $(function(){ console.log("Debug Message"); }); I can see that the main.js
Internal LInk, Anchoring : Scroll DIV instead of the page
Dear Sir Pls refer http://prajaktasoftware.com/gandhi/ I had done anchoring..... Click on menu jumps to respective menu on other div page is scrolled.... however I want the menu div fixed. and other div to scroll as per anchor refer following link for the effect http://ruchkarraje.com/order-online to shorten the question how can i keep 2 layers fixed and one scrolling the main thing is based on middle scrolling of layer, left hand side main menu is automatically highlighted
How to mprove workflow speed ?
Hey Guys , good day :D For the past few days i have really been thinking about , workflow and currently i do the kind of work , thats basically vanilla HTML , CSS and JS/jQuery , and needs to be delivered in a timeline , so that really got me thinking of "WHat could i do to increase my workflow speed" . Now a few things that come to my mind are: - grunt.js (i've just started using this) - bower (heard good things about it .. but not it using it). - A processor (SCSS/SASS/LESS) . - A CSS framework.
Doubt about Selector
Hi I saw this solution about 'hiding all input elements within a form' HTML: <body> <form name='demo_form'> First name: <input type="text" name="fname"><br> Last name: <input type="text" name="lname"><br> <input type="submit" value="Submit"> </form> </body> Solution as i wrote: $(document).ready(function(){ $("input").hide(); }); The above code worked, however the given solution was: $( demo_form.elements ).hide(); I would like to know: Isn't 'elements' a generic selector? isn't it
Jquery dialog window gets stuck and drags with cursor
Hello Everyone, I am facing problem with Jquery dialog window. Can u please help me. Issue is i am, calling jquery dialog window on button click and it's draggable. When i drag and drop the window on it's header, then it's not stick with the mouse pointer. otherwise, if i drag from the header and drop other than header, other surface it's stick with the mouse pointer and come up with the mouse pointer. how can i fix this onc. any help would be thankful. Thanks in Advance Satish Ch
beforeunload event on div?
I have to bind beforeunload event to div. If the div unload I want to prompt user with an alert you have "unsaved changes". when I attach beforeunload event on window element. $(window).bind 'beforeunload', (event) -> # on window unload It works as expected but I want it to listen on unload of div.
Resoponsive sidebar menu
Hello I'm quite new to jQuery and I would like to change the following code that it fits my needs: http://jsfiddle.net/KyleMit/T5vBR/ It is working quiet good but a problem appears when I'm resizing the window under 500px: When I'm clicking onto the button (?) the menu appears. If I close the menu and enlarge the window the menu and the button has disappeared and I've got a problem. How can I avoid this? I would like to change the code, that it adds a new class to the Menu container acording to the
How to change other textboxes value based on any text change?
Hi, I am new to jquery, I am trying to update all textboxes value based on any textbox changed value and update this value to checked one, here are the code I am trying to get my task. First I am trying to change div to textboxes, then I capturing changes textbox value and try to update when checkbox is checked, but I am receiving only on to checked box. <script type="text/javascript"> $(document).ready(function () { var value1 = ""; $('div').each(function (index) {
Change width with transition with cookies.
Hello, I have a problem because I would like to change classes (in this case it will be width) were carried out dynamically, just like here: https://gyazo.com/3a9e7ed47608e894c7b0e00ef4608078 ) Code: if($.cookie('wrappersState') === 'true') $('.wrapper').addClass('page-full-width'); else if($.cookie('wrappersState') === 'false') $('.wrapper').removeClass('page-full-width'); $( "button#toggle-width" ).click(function() { var wrappers = $( ".wrapper" ); wrappers.toggleClass( "page-full-width"
this.find("a").filter(function() in jQ Treeview: Please, help to modify
jQuery Treeview menu in "location" mode, open menu section that matches the url : ... <ul class="filetree"> <li><a href="/catalog/motherboards">Motherboards</a></li> ... 1 case "location" : 2 var current = this .find( "a" ).filter( function () { return this .href.toLowerCase() == location.href.toLowerCase(); }); 3 if ( current.length ) { 4 current.addClass( "selected" ).parents( "ul, li" ).add( current.next() ).show(); 5
Correct syntax for alert method
Hi I came across this code for the setting an alert: setTimeout(function(){ alert('This is an alert!')},1000 ); However when i tried this code it also worked: setTimeout(function(){ alert('This is an alert!',1000); }); The difference in syntax is highlighted fuchsia color. I would like to know, What is the correct syntax to be used? Thanks for helping me :) Regards Jayashree
commas and brackets ! ???
in tutorials and definitions for example in this page why do they write like this: jQuery.extend( target [ , object1 ] [ , objectN ] ) what does this syntax mean ????? why dont they write this way : jQuery.extend( target , [object1 ] , [objectN ] )
jQuery.fn.extend()
my functions are arranged as followings: var myBase = { myCat1: { myFunction1: function(){...}, myFunction2: function(){...} }, myCat2: { myFunction1: function(){...}, myFunction2: function(){...} } } i want to make methods like this: $(".sample").myBase.myCat1.myFunction1(); how do i make above with jQuery.fn.extend() ??
Jquery/ajax script for password
Hello people, For my website projetc, i search a jquery/ajax for the password verification during the typing in the registration. I search just an examples in adapt. Thanks for help.
jQuery Cloud Popup
Hi everyone, I'm looking for a type of cloud,something like this. https://panic.com/coda/ ¿someone know the name of this type of cloud?,it's jQuery or CSS? Thanks in advanced! Kind Regards
Where is the JavaScript src for the demos?
Hi all, I've been checking out the jQuery mobile demos at http://demos.jquerymobile.com/1.4.5/ and for the life of me I cannot find the associated JavaScript code that is required to make the demos work. I'm most interested in the multi-page example, I have viewed the source and can only see includes for jQuery, jQuery mobile and another js file which doesn't seem to contain the code for the example. Am I missing something really obvious? Thanks
Change menu using AJAX
Dear Sir please Refer http://prajaktasoftware.com/vasaiprag/index.php menu click BHASHA you will get 2 options English Marathi i.e. for selection of language When a language is clicked the menu contents are changed as per language using AJAX however, it doesn't get aligned properly.......the contents are displayed vertically... However when I refresh the page it works ok i.e. get aligned properly like normal menu How can is do this without refreshing the page......................... details
Implementing jQuery in HTml5
Our assignment is to include jQuery elements, selectors and filters as well as event handlers in the code from the previous week. Here is what I have for the code. I am completely lost on this. Any help would be helpful. <html lang="en"> <head> <title>Displaying Times and Dates</title> </head> <bold> <h1>Current Date and Time</h1> <script type="text/javascript"> now = new Date (); localtime = now.toString(); utctime = now.toGMTString(); document.write("<p><strong>Local time:</strong>" + localtime
Stop pop up for mobile version
Dear Sir/Madam we had launched http://www.zoola.co.in a responsive website we had made provision of mfg pop (magnificient POP up) example http://zoola.co.in/project.php when clicked on an image the magnificient POP up display the image in pop up this is accepted in case of pc/laptop or bigger screens however in case of smart phone, this pop up is of no use ..........on smart phone , we cannot see an image bigger that smart phone screen..... Considering this can be prohibit pop up in case the website
Manipulationg CSS properties
Hi I came across this code for doubling the size of a div var target=$('#target'); target.css({width:target.width()*2,height:target.height()*2}); Please forgive my ignorance :) but i would like to know: in this piece of code 'target.css({width:target.width()*2,height:target.height()*2});' why is target.width mentioned twice when it is seemingly understood that is the width of the target that we are talking about? i mean why can't we write the code like this: target.css({width:width()*2,height:height()*2});
Why my jquery code doesn't work with updatepanel post back?
Hello, I'm new to jquery. I want to use jquery mask function to format my input. Here is my original code: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script src="../Scripts/jquery-1.11.3.js" type="text/javascript"></script> <script src="../Scripts/jquery-maskmoney-3.0.2.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { $('#<%=TextBox1.ClientID%>').attr('maxlength',
Disabled value
Hi When using this code: .attr('disabled','disabled'); why is 'disabled' mentioned twice? Thanks for helping me! Regards Jayashree
Jquery having two effects on same div!
Hi all! I am new to Jquery so go easy on me! I have written a bit of code that works for the most part, however, when the #JSb is clicked it can trigger two different actions when clicked...but I only created one! When you click anywere but the top left corner of the div the entire screen fades out (this is not the effect that I want). If you click in the top left corner the action that I want actually occurs. I have this working for 4 other divs perfectly and no matter how many times I go through
Script is not reloaded
Hello, I’m Pierre-Yves graphic designer, digital publisher and Jquery beginner. for a job, I used indesign and export with In5 ajar (software that allow to export in Hml5, css and jc) to the web. In5 Ajar create its own html, css and Queries files, If you inspect my web page below you can see it. I put 3 images moving from right to left. Problem: At the beginning of the animation, images wasn’t hide. I saw that in the file in5.config.js (file created by the export from indesign) this function: function
Scroll animation
Good evening. I have two buttons with position:fixed on my website. What i need is to while clicking on a top button the window scrolls top on 300px, the same with bottom, it scrolls bottom on 300px. Any ideas how to make this?
Keeping PHP Sessions alive while using JQuery
I just started using JQuery because PHP had my pages reloading every time I'd click a button. Now that I use JQuery with PHP, the pages don't reload. I removed the <form> tags and made all my calls to the database go through JQuery. But that's caused yet another problem. I don't know how to keep my PHP sessions alive now. When the pages were reloading all the time using just PHP, session_start() was called often, keeping the session alive. But with JQuery, this isn't the case. So I'm hoping that
Replace String
on my page I want to replace "0" with "a", "1" with "b", "2" with "c", "3" with "d", "4" with "e", "5" with "f", "6" with "g", "7" with "h", "8" with "i", "9" with "j", for example any where on my website i want to replace " 3- Watch 12 Taylor Swift's New Videos for Out of the Woods In 2015 !" with: " d- Watch bc Taylor Swift's New Videos for Out of the Woods In cabf !"
CSS Transistions intefering with my JQuery HELP!
I am very new at this so please bear with me, and I am a college student. The hidden menu I created for my aunt's site isn't working now since I put in CSS transitions for the images underneath it. Can someone please help? Here is the site: haircentre1.com Thanks
Does our use of jQuery 2.1.x imply an HTML5 compatible browser??
Everywhere I look, it says it drops earlier versions of IE, but doesn't say whether we are automatically buying into HTML5 compatible browsers only. We are using Angular (latest) and I was just told a few days ago that we are NOT relying on the new HTML5 tags (like email). Yet, we are using jQuery 2.1.0 in the solution. Also, the Angular-xeditable we are also using wraps the HTML5 tags nicely. So, does our use of jQuery 2.1.x imply we are only supporting an HTML5 compatible browser anyway
my jquery code does not find the proper html tag
I have below code which display a checkbox and two <p> tags with id of "dd1" and "dd2". I want dd1 to hide when the checkbox is checked, and dd2 to hide when the checkbox is unchecked. I added alert() statement to make sure the prop of checkbox is correct, but, as it turns out, when it is checked, and the alert() shows true, the dd2 is hidden, rather than dd1 was hidden. And when I click again, alert shows it is now false, but it does not do anything. Could you please help me point out my error?
selecting checked radio inputs and filtering by html data attributes
Hello. I know some vanilla javascript but am new to jQuery. I am trying to select checked radio inputs and then select only the ones whose html I have given a data-attribute of correct answer like so: data-answer="correctanswer" My jQuery currently looks like this. var checkedbox = $("[type='radio']").attr(":checked") === true; checkedbox.data( "answer" ) === correct answer;I then want to do .length of the variable so I can see how many correct answers people have given in a quiz.
Jqplot tooltip position issue
When i create grouped bar chart, tooltip comes according to grid partitions. If 2 bars are there in one grid then tooltip comes in the centre of the grid. I want tooltip on each bar not according to grid.
test
working?
How to do validation and display message before form submit?
Hi all, I have almost no knowledge about JQuery or JavaScript but trying to find what I can do relying on what I can find and learn from net. I have multiple rows of HTML input elements with type number. Each row has four input fields and I want to add validation so that any input field should not allow a value lesser than the field on it's left side (in the same row). I want to add this same validation for every row. I want to do this validation before form submission and display error message.
Next Page