How do I send form name variable?
I am jQuery/Javascript-noob and farily good at PHP. I would like to make a generel Jquery function where when I enter something in a form-field (text, textarea, etc.) and leave form-field, e.g click outside formfield the function sends data from form field to PHP. My problem is that all examples allready have form-name in the jQuery-function which is annoying! example....I could in same screen have: <input type="text" name="firstname" value=""> <input type="text" name="lastname" value=""> <input
Proper way to implement the decorator pattern in js?
Let's say you you were using a 3rd-party library that had a Hammer object as part of its api, and you wanted to decorate the swing() method to log every time it's called. What is the proper way to do this in js?
Never used JQuiry or Javascript
I have built websites for several years but have not used java script other than ready made scrips for things like guest books Because of the number of different resolutions used, I now need to be able to swap photos (or resize) according to the resolution the visitor is using, I believe this may be possible with jquery but I don't really know where to start , some advise would be appreciated Thanks
understanding $.extend
Hey guys , i have a question about the extend function , check out my fiddle . fiddle now i hav ethe following code : var a = { 'lala' : 'one', 'baba' : 'two', 'dada' : 'three', 'kaka' : 'four', } var b = { 'lala' : 'one', 'baba' : 'two', 'dada' : 'three', 'kaka' : 'four', } var _str = $.extend({} , b , a); console.log(_str); now the doc's says that when u add an empty {} object
CSS-3 + Jquery Simple animation , onclick.
hey guys have a look at this fiddle : fiddle. now what i am doing in this fiddle is when i click on any li element , i have a data attribute attached to each li element , and the Jquery code basically grabs the perticular li elements data value and displays it in a div , now i'd really like to combine CSS-3 and Jquery togeather . with CSS-3 , every time i click on a li , it should have a small animation , I.E the below animation should be activated : @keyframes rotate { 0% { transform:rotateX(50deg)
Get cellspacing with jquery
I create a table var $TabEntete = $('<table id="Entete" class="ui-widget ui-widget-content ui-corner-top TFO">').appendTo($DivEntete);I need to know the cellspacing of this table. When I use debugger from IE, I see offset, and I conclude cellsapcing = 2, but I don't find correct syntaxt in jquery to have this 2. Thanks for your help If debugging is the art of removing bugs ... then program is the art of creating
say thank's
I want to say thank's that receive me in to this forum... anwar
removing disabled attribute from fieldset
Hi, i have a bunch of fields in a field set which i want to disabled, if someone wants to edit the form they simply click the edit button and it unlocks the fields for them to edit. I am disabling the fields by adding the disabled attribute to the field set itself. I also need to remove the top margin from my form groups when the inputs are enabled. This is my jquery code so far which i can't get to work. <script> $(document).on('click' function (event) { event.preventDefault(); var $btn = $(this);
jQuery Clone and Observe changes
Hi, I have made a stickymenu which is clone of top menu header . which is visible on scroll after a certain limit. The sub menu in the header loads by an ajax. so when user navigates on the sticky menu the original header does not change. I need to clone again all the changed submenus into the original menu to keep both menus same. Hers is stackoverflow question link I am looking a method which maps the changed node to the cloned node Thanks B L Praveen
jquery code for drop down list slowly drop when we hover on drop down list?
by using css i compleate this. but i want in jquery.
dropdown
hi to all, i want code for drop-down list.when ever we hover on that drop down that list should be down slowly.and selected list is added to that drop-down.
Downloadable Jquery Documentation
Is there a downloadable documentation for Jquery? Having to connect to the internet is costly for me in our country.
960.gs bootstrap or others?
Hi friends not know if its a right place for ask this question, but i see all ppl have experience in ALL web developer topics. i need create this grid (i see 960.gs) but not know if is the right framework. see this link: Grid Img or here attach the image. any advice? thanks thanks.
More than one click event is not working in document.ready
HI All, Am new to this forum. I a beginner, I was just playing arround with the basic click events. basic details of what I am doing 1, Have a javascript file in script folder called myscript.js and referring that in mvc view 2, I have two buttons in mvc view ajxButton and btnJscriptFile 3, I wrote first button click event handling code , its is workign fine 4, then I add seccond one , thencode is not working. so commented all the code except one button its working fine, pfb the working code Can
For test my webPages, need install apache?
Hi friends, how aare you. For test my webpages with Jquery, need install apache or IIS (or other web server?). or simply doing 2 clicks on the file and see in any browser? Thanks
Overlay or slide out effect of Sidr jQuery rather than the push
Hi, I love the the Sidr jQuery plugin. I am using this on one of my sites for a mobile menu. However, I would like a overlay/ slide out effect of the plugin rather than a push effect. Is it possible with this plugin? Man thanks
Fields set by jQuery are not submitted
I have a simple form with input fields and a submit button: <form id="attrform" name="attrform" method="post" action="/office/faces/editattributes.xhtml"> <input id="attrform:atid" type="text" name="attrform:atid" readonly="readonly" /> <input id="attrform:atname" type="text" name="attrform:atname" value="title" /> <input type="submit" name="attrform:j_idt16" value="Save" /> </form> (Simplified - I didn't want to dump the whole source here) Below the form I have a table of data and I have a
The purpose of the new operator in Unslider.js
Hey guys , I had a question about the code in this plugin i was looking at . basically the line i am haing a problem with is this one . Line 242. the line is : instance = (new Unslider).init(me, o); now i understand that a new instance of Unslider is being created , and then the init function is being run . but why is the new instance being created , can this be done without the new operator ? what is the purpose of creating a new instance of Unslider in this plugin ? . Thanks . Gautam .
export “saved for later” from (evil) feedly
i'm trying to migrate from feedly as it is unacceptable (at least to me) that a search query is (fully) enabled only by a pro version. Anyhow, to export my lengthy list of "saved for later" i found some lovely scripts: Simple script that exports a users "Saved For Later" list out of Feedly as a JSON string and feedly-to-pocket. where i am instructed to: You must switch off SSL (http rather than https) or jQuery won't load! which i though i did by adding (ubuntu 14.04/chrome 40 x64) --ssl-version-min=tls1
I seem to have two conflicting jquery files on my website
Hi guys, I hope you are all having a good weekend. :) I am attempting my first bootstrap of an eccomerce site and I have worked through most of the home page. It's definitely needs some compacting to bring down the file sizes but as it's my first real attempt I'm really quite happy with it at the moment. :) I have one major issue... I went to do some testing yesterday on my iphone yesterday and realised I couldn't scroll down the page. :( I spent a few hours trying to narrow down what the issue
Photo slideshow with comment and 'like' option
Hello, I am wanting to have my portfolio on my website as a photo slideshow - is there anyway to have a comment and 'like' option for each image? as facebook does. Thanks
short circuiting in unslider.js
Hey guys , was just going through the source of Unslider.js and came across the following line of code : el.animate(obj, speed, easing) && ul.animate($.extend({left: '-' + index + '00%'}, obj), speed, easing, function(data) { // some code } its line 183 in the plugin : unslider.js i understand its short circuiting , but i am still pritty unsure what it is . what i mean is . el.animate(obj, speed, easing) so does that line really mean just execute the animaton function on el and after that execute
I want to run the slide animation backwards
http://www.milassoforlerodasi.org.tr This is my home page.When you click on the link, you'll see my home page which has a slider news at the top. It works thanks to this script; http://www.milassoforlerodasi.org.tr/httpdocs/wp-content/themes/NewsStudio/includes/featuredposts/scripts/jquery.cycle.all.js What I need to do is to make the slider run backwards (meaning the slide should bring up the last post in the first place. To say it another way, slider ought to play it from right to left.) How can
Why does the recusrvie part of .extend limit itself to plain Obect?
I don't understand why the extend method doesn't recursivelly (when deep = true) extends properties of custom objects type. function CustomObject() { } var myCustomObject = new CustomObject(); var obj = { element: myCustomObjec); var copy = $.extends(true, {}, obj); obj == copy // false obj.element == copy.element // true
accessing php using ajax
Sorry may be this question not related here : which is best approach placing all different methods in one php page and accessing that page from ajax or placing different methods in different pages and accessing them separately with ajax pls reply me fast pls
bxSlider problem
Hello World! Starting diff.s. :difficulty with Step 3 : Call .bxslider() on <ul class="bxslider"> . Note that the call must be made inside of a $(document).ready() call , or the plugin will not work! I don't know what I should do extra to make the script ok: see bold text. Herunder my index page sofar: <html> <head> <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"> <title>index</title> </head> <body> <ul class="bxslider"> <li><img src="/images/pic1.jpg"></li> <li><img src="/images/pic2.jpg"></li>
How to make bxSlider work responsively, using old version
Hi everyone, I am new to this forum and new to bxSlider. I hope I am posting in the right group. I have created a carousal slider using bxSlier plugin following an article http://htmldoc.net/2012/11/centered-bxslider-slideshow-with-custom-slide-opacity/. The end result is here http://alpha.klmnweb.com/sliders I have made some css customization here and there. It's working find and to what I expected. But the slider is not responsive at all. I tried many css rules still the images do not shrink
Loading image from directory
if there any solution, need help. The goal is to get the image in order (img01, ...img0n) each <element> get the list directory ordered but the load img dont get img ordered; is there a way to load sequentially(ordered) the list of image ? path = path.replace(file, GlobalFileImg); var extImgLow = ".jpg"; var extImgUP = ".JPG"; $.ajax({ url: path, async: false, cache: false, success: function (data) { $(data).find(('a:contains('
where do i pass the index parameter ?
hey guys i have the following HTML : <nav class="product-nav"> <ul class="nav-list-holder"> <li><a href="#overview" class="active">History</a></li> <li><a href="#quality">Quality</a></li> <li><a href="#offerings">Offerings</a></li> </ul> </nav> and the following Jquery code : $jobslist = $('.nav-list-holder a'); $($jobslist).on('click', function(e ){ // var $(me) = $(this); e.preventDefault(); var newcontent = $(this).attr('href');
Animate Hover Problem
I am trying to implement something like this example in a web page: http://line25.com/tutorials/how-to-create-a-cool-animated-menu-with-jquery However I am using jquery-1.8.3.js and I think this example uses an earlier version. <html> <head> <title>the title</title> <script type="text/javascript" src="../../Scripts/jquery-1.8.3.js"></script> <script type="text/javascript" src="../../Scripts/jquery-ui-1.9.2.custom.min.js"></script> <link href="../../Content/styles.css" rel="stylesheet"
Turn objects into array
I have created 3 instances of my box object, but would like to access these as if they were a numbered index array. Is this possible? function box(position, text) { this.pos = position; this.tex = text; } //////////////////////////////////////////////// var box1 = new box(1, "text 1"); var box2 = new box(2, "text 2"); var box3 = new box(3, "text 3");
How the page load is done
Hi, I am testing a template called devoops and when I navigate from page to another that a progress bar appear and start to load inside the page itself then disappear and the page appear without the page itself reload like normal using of href tag. The URL become like this http://localhost/devoops/index.php#ajax/charts_xcharts.html And if I create new page in the ajax folder and calle it using href I find the page also load the same way. I want to know only how to load a page like this, what scripts
Unable to apply dynamic css style
My function writes out a string each time the mouse is clicked, I can't get the string to show red as I require, thanks for any help- <script> $(document).ready( function(){ var counter = 1; function showstring(event) { var stringholder = "a text string"; $("body").append("<div id=" + counter + ">" +stringholder + "</div>"); $("[id= counter]").css("color", "red"); counter++; } $( document ).on( "click", showstring); }); </script>
<em> element cannot accepts a new class but does not implement it
Hello, I am new to jQuery and my question might sound really beginner-silly, but I could not find any solution to it in the web. I am trying something very simple following book instructions: assigning an <em> element a new class. It accepts it but does not implement the changes associated with the new class ?? The <em> element inside the first <li> element has class=under according to Firebug, but the text never gets underlined Am I doing something wrong ?? Here is the 1) HTML 2) jQuery <html>
Clicking a second link does not update a div
Hi all, I need your help for my project. I have three links and one div in a PHP file. I want this div which is empty on load of the page to be updated by new content each time i click a link above it. The problem I have is that clicking the first link works perfectly (I take content from a file and loads it into the div), but clicking the second link does not work. When I click the second link, I want the div to be repopulated (by replacing previous content) by an html form with fields to be used
Question about Javascript tutorial, don't understand 'main.js'
In the given JQuery tutorial, therefor my thanks, I was directed to the principles of Javacript, also not well understood (please see here for my question) I try to excecute the example (you must first download it etc.), Hello World, but without succes. Now add the following code to the main.js file : (html ext.!) var myHeading = document.querySelector('h1');
myHeading.innerHTML = 'Hello world!'; Problem: I made a folder/html: name main.js, and pasted this between <body></body>. No result. Nothing
Theory of jQuery: how does it work?
I am not educated in this field, try to get a hold on it by trying out a slide-script (see below, google it!), but I don't understand anything of the jQuery part, how it works. I look for a place to study this aspect: can anyone give me a place where I can study jQuery/combined with Javascript? ("bxslider")
What does the function positionEventHandler(*) do when viewing a map?
//This function: function positionEventHandler( e, geo ) { map.geomap("remove", point2); map.geomap("remove", line); var eventRowClass = "." + e.type; $(eventRowClass + " .date").text($.now()); console.log(geo.coordinates.join( ", " )); getEmissions(coord[0], coord[1], geo.coordinates[0], geo.coordinates[1]); point2 = { type: "Point", coordinates: geo.coordinates
How to delete few pages from pdf file & merge remaining pages in original file?
Hello Everyone, I am working on pdf file. My requirement is from the selected pdf file, i need to split the pages from range(from and to), create new pdf file with that pages and saving the original file(i.e merge remaining pages). Is it possibel with jquery or javascript. Any suggestion or reference would be appreciated. Thanks Satish Chandragiri
Getting images to update
Yesterday I managed to save my images to the database, but now when I try to edit the image and then save it, it doesn't save. I'm not sure where I'm going wrong. All the content saves except for the image. Here is the test.js $(document).ready(function(){ $(".add-form").submit(function(event){ $(this).find(".testing").each(function(){ var image = []; $(this).parent().find(".ajax-file-upload-statusbar").each(function() { image.push($.trim($(this).find(".ajax-file-upload-filename").html()));
Next Page