Page slide while and when loads
Hi everyone, Just a quick quest I'm wanting to have a page slide left off the screen and a new page slide in from the right when a navigation button is clicked. Is this possible? I don't want to use this method though. http://www.prettyproduction.com/#english The pages need to load I cant have them all on one big home page and scroll to the different content like this one does. Any suggestions would be great. Thanks
Bitte um Hilfe mit javascript
Hi! Ich hätte ein allgemeine Frage zu javascript in Verbindung mit Html!...ich bin ein Neuanfänger und habe leider ein Problem...Ich würde gerne den Inhalt von der Textbox id=apRes in die Textbox id=x automatisch mit onkeyup einfügen lassen, sodass der Text von id=apRes in der Textbox id=x und der Textbox hundert erscheint...Hilfe wird dringend benötigt!!! Die genaue Eingabe von mir in Dreamweaver CS3 findet sich am Ende des Beitrages... Vielen Dank für eure Hilfe schon mal im Voraus ;) <head> </head>
Can jquery offer an advantage over straight javascript in this case?
HI, I had this coded up in straight javascript: http://jsfiddle.net/x5M7q/ It works, but all my scripts are jquery apart from this one, and since I had jquery already loaded I thought it would be a good idea to convert this to a jquery script. I have no idea of how to do this with my limited knowledge but the coder said translating this to jquery would have no advantage. So my question is, is this true? I was really hoping it would make my scripts more consistent and I could perhaps cut a few lines
Iterate through table data and append ellipsis
Hi folks, I'm very new to jQuery and javascript in general. I did some googling and was able to find a jFiddle that did what I wished to accomplish after I modified it a bit to show the original text on mouse over by appending it to the title. The problem I now face is that all my content is loaded dynamically. I encapsulated the jQuery function inside a javascript function which allows me to call it at the end of my vbscript function. It fires once, but won't fire again. I was hoping you could
What jQuery ver in IBM RAD?
I'm developing in IBM RAD 7.5.5 and the app in particular does make use of jQuery. However, I have been looking all over the place in the code to locate what version of jQuery is being referenced. I've looked in the staticContent folder and found a number of .js files but these are related to specific functions in the app and no where in these files does it point to a particular jQuery library. If the app does not reference a specific jQuery lib, does a compatible jQuery version for the particular
jQuery not working
<script type="text/javascript" src="../js/jquery-1.9.1.js"></script> <script type="text/javascript" src="../js/jquery-ui.js"></script> <script type="text/javascript"> $('#t1').blur(function(e) { if (!this.value) { alert ("Enter"); } }); </script> --------------------------------------------------------------------------------------------------- html <body> t1<input type="text" value="" id="t2" /> t2<input type="text" value="" id="t1"
Onkeyup isn't working in IE8
My code: <!DOCTYPE html> <html> <head> <script> window.onkeyup= function (event ){ alert('123') }; function myFunction() { var x=document.getElementById("fname"); x.value=x.value.toUpperCase(); } </script> </head> <body> <p>A function is triggered when the user releases a key in the input field. The function transforms the character to upper case.</p> Enter your name: <input type="text" id="fname" onkeyup="myFunction()"> </body> </html>
From:veeravi@vsnl.net
I tried your first exmple given in Learning Center.It doesnot work.Jquery.com works as a link and takes me to the jquery.com home page.Actually it should give a alert message.I have downloaded the uncompressed version,10.1. is there a procedure for installing it?
What is the best way to find all object in an array that fulfill my search criteria
I have an array called bookingArray that contains object. Here you can see how it look like. bookingArray[i] = { Objectid: value.Objectid, Beskr: hinderArray[j].Beskr, Fromtime: value.Fromtime.substr(0, 19), Totime: value.Totime.substr(0, 19), Confirmed: value.Confirmed, VesselID: value.VesselID, Bookingid: value.Bookingid, Connectionid: value.Connectionid, Vesselname: value.VesselName, ID:0 Later in the program add update the ID in some of these so it contains for example 10_100_1, 10_100_2 and
jqplot not running
Hi to all, I am new to jquery as well to jqplot. I wanted to show a graph on a jsp page and datas are retrieved from DB. For this i use jfree and working well without any issues. Now i wanted to use jqplot becoz when you hover mouse then it will show the plots x,y values. Recently i download jqplot but the graph is not showing on web page.Can anybody please tell me the problem? <html> <head> <title>Testing plots functions</title> <link class="include" rel="stylesheet" type="text/css" href="../jquery.jqplot.min.css"
create a <li> inside loop
I am creating a list that shows all the files in the server. The problem is that by each time that I push the “View Files” button that calls this function, it appends files to the list and shows duplicates. For example if I have 2 files on the server it shows 4 files. (first time shows 2 files that is correct but with each times I push button it duplicate). function MyCallback(data) { var imagelist = data.imagelist; var jtext = "<table class='JsonGrid'><tr><th>ID</th><th>NAME</th></tr>";
Script from book not working
book: jquery:cookbook. (function($) {
$(document).ready(function() {
var months = [ 'January', 'February', 'March', 'April', 'May',
'June', 'July', 'August', 'September', 'October',
'November', 'December'];
$.each(months, function() {
$('#months').append('<li>' + this + '</li>');
});
var days = { Sunday: 0, Monday: 1, Tuesday: 2, Wednesday: 3,
Thursday: 4, Friday: 5, Saturday: 6 };
$.each(days, function(key) {
$('#days').append('<li>' + key + ' (' + this + ')</li>');
}); }); })(jQuery);
Problem with an image slider.
Hey guys, I made up this image slider: <script> $(document).ready(function() { $(".slider #1").fadeIn(500); $(".slider #1").delay(5500).fadeOut(500); var sc = $(".slider img").size(); var count = 2; var intervalVal = setInterval(function() { $(".slider #"+count).fadeIn(500); $(".slider #"+count).delay(5500).fadeOut(500); if (count == sc) { count = 1; } else { count = count + 1; } }, 6500); }); </script> It works great, there is only one thing I would like to change. I would like to add a .hover(function(){});
how to make a link colored when it is clicked
Hi to all,Please see this http://jsfiddle.net/mCVKt/ this is part of my full code.Actually i wanted to highlight only that link which is coloured. Suppose list1 is clicked then it will have different colour from the other links. Now if link2 is clicked then link1 will be having original color and link2 will be having different colour. can any body suggest me a idea to this
veeravi@vsnl.net
When learning JQuery from W3Schools.com,the Try it yourself examples do not work when copied and pasted into an externel HTML file.Please guide how to use Jquery.
How to validate as input as Number using Jquery?
My code: <!DOCTYPE html> <html> <head> <script> function myFunction(value) { alert('Is it number'); if(isNan()){} } </script> </head> <body> Number: <input type="text" name="FirstName" value="Mickey"><br> <button onclick="myFunction(this)">Click me</button> </body> </html> Is it possible to validate the input as number only?.User enters a non number it throws a alert"Its a non number".
scrolling marquee in address bar
Is this something that is done in jquery. If so how is it done.See link below. http://tutorials.oohcamila.com/
Need jquery slide menu to open upwards and change nav button on open
First, I am trying to get this navigation menu to open upwards. I don't know if this is a CSS issue, a java issue or an issue with the html. Secondly, I would like for the 'Site Navigation' button to change text once the menu is open to say 'Close Navigation'. Any help would be greatly appreciated. Thanks in advance! Here is the what I have: Java Script: <script src="Scripts/toggle.min.js"></script> </script> <script> $(document).ready(function(){ $("#flip").click(function(){ $("#panel").slideToggle(300);
Convert this code to JQuery
Hello; I need this code to be converted to jQuery, any help is welcome : function showtime () { var now = new Date(); var hours = now.getHours(); var minutes = now.getMinutes(); var seconds = now.getSeconds(); var shownow = hours+minutes+seconds; return shownow; } window.addEvent( 'domready', function() { $$('.like-{$id} img').addEvent('click', function(likeit) { likeit.stop(); var ajax = new Request({ url: '{$like}'+'&time=' + showtime(), method: 'get', noCache: 'true', onRequest: function(load)
Render portion of drop down nav bar as separate static list?
Hello all, New user. First post. Much JavaScript experience, and considerable back-end programming experience, but new to jQuery, and wondering if it will do what I want to do instead of a custom back-end/ JavaScript solution.e In a nutshell, I need to make your basic horizontal navigation bar with two levels of drop downs - I know jQuery will do that handily. But then I need the drop down menu for whatever section of the website we're currently one to be displayed as a left-hand vertical menu,
How to extract parent text from an ajax return data?
I have the following html data being returned from the ajax request <div> Log information from the following sessions <span class="comments"> your comments </span> <div> <div>Section B log information <span class="comments"> section B comments </span> </div> Here is my attempt to remove all comment classes from this return ajax request but not working and that the comments are not being removed. $.ajax{ url: pathToFile success: function(data)
Trying to get slider to work, "appendTo' not working, please help.
Trying to fix a widget on my website which displays some RSS feed. Got the scrolling but can't figure out how to restart the scrolling. I have tried The 'appendTo' but without any succes. I can't find a solution, please help me out. http://server.info-spot.net/ Regards! (function($){ $.fn.vTicker = function(options) { var defaults = { speed: 700, pause: 3000, showItems: 3, animation: '', mousePause: true, isPaused: false }; var options = $.extend(defaults, options); moveUp = function(obj2, height,
reset button to bring back rows to table
hello can someone help, I am trying to implement a reset button to bring back deleted rows from a table. I am using the following code to store the original content of the table rows: var $table = $("#mytable tbody tr"); $table.data("defaultValue", $table); // this saves the state of the table rows then I delete a couple of rows from the table and when I hit reset button the default value did not keep the original state and instead it reflects the table with the two deleted rows.. new to this
implementing a reset button to get previous state of checkboxes checked attr
Hello I am new to jquery and need to implement a reset button to set the value of a list of checkboxes in a table back to the prevous state. I try to store the original state of each box e.g: $myvar = $("#myvar input[type=checkbox]:checked") $myvar.data("defaultValue", $myvar) or $(#myvar).data("defaultValue, $myvar); When I hit the reset button I want to set the checkbox check attr to the previous state from the stored in the default $(#myvar)[0].checked = $(#myvar).data("defaultValue")[0].checked;
Why is it not my eventhandler working
Below is a snipped of the code I use. I try to establish an event handler that should be called when I click on a div with id = '10_' + vesselID + '_3'); but the event handler is never being called so no JQuery-UI dialog is displayed What should I so the event handler is being called ? function AddSlot(track, type, minStart, minEnd, confirmed, bookingTime, vesselID) { //Create a div element slot = document.createElement("div"); if (type == "closing" && vesselID == 100)
IE issues using hide/show/toggle
have two images. I'd like to have them next to each other and then clicking on hide/show/toggle will of course, hide show toggle them. works in chrome, works in ff. craps out in IE. but it was my impression that jquery would work in IE? could I please get some advice on making this work in IE? this is my code html... <div class="row-fluid"> <div class="span12"> <div id="theDivLeft" class="span6 offset4">
need help stopping slideshow to last image
I am using fotorama, a jquery based slideshow and I would like to stop the slideshow at the last image. There is no such option among the preset ones...slideshow will just keep looping... Can someone please help me to figure out how to do this? While looking at the code I noticed how there is a var that specifies how many slides there are, in my case 5, and I also noticed how there is a index - 1 that should measure the slides and tell the slideshow we are at the last image...need some help on how
1 event 2 functions
How best to combine this <script type="text/javascript"> jQuery(document).ready(function(jQuery){ jQuery(\'input\').remove(); }); jQuery(document).ready(function(jQuery){ $(\'#pop_button\').remove(); }); </script>
New to jquery, suggestion needed.
Hi, I am working on an RSS widget for one of my projects. I have managed to got my feed scrolling using jQuery, everything was working ok, but while doing minor adjustments I think I have messed up something and can't get it back to normal. I have tried adding to "top" the height of the "li" item but it scrolls all the way down, over and over jumping all the content of the feed. ex: http://server.info-spot.net/ What am I missing? Thanks!!! (function($){ $.fn.vTicker = function(options) { var defaults
Is this form done in jQuery?
Hi Everyone, I am new to this forum because I am slowly learning jQuery and need some insight on something. I saw a form on Qdoba.com. There is effect where if you click on a checkbox, the checkmark slides up and then if you uncheck it, the checkmark slides down. Here is a link to the form: http://www.qdoba.com/menu-nutrition/burritos-menu-nutrition I would like to know what language this was created in and if possible, how might I best approach recreating this. Thanks for you help in advance.
Adding Text To Div Using Jquery
I am trying to add a line of text to a span tag, and although it seems like it should work something weird is happening, it is adding many lines of the text I inputted into the script. I want "On Sale For" to appear before the sale price span, so I am using the following. <script> $('.SalePrice').each(function() { $(this).before($('<span>').prepend('On Sale For: ')); }); </script> And it does add it, however there are about 10 more extra "on Sale for" ;s as well, how do I get it to just show one.
Alert isn't working
My code: <script src=https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> $('.Test').click(function(evt){ alert('123'); evt.preventDefault(); }); </script> <div class = "Test">Test</div> When I clicked the div, alert isn't working.Any one help to get this alert?
Make two columns height equal
I am tesing a 2 column css layout. Right now the two columns are not having the same height. Please see jsfiddle Thanks
$.ajax() username/password - how to capture them
According to jQuery.Ajax, it includes a username and password attribute with the $.ajax call. $.ajax({ url: '<some-file.php>', type: 'POST', username: <my-username>, password: <my-password>, data: {code:<some-code>}, success: function(data){ } }); Here I have passed my username and password to <some-file.php>. And in <some-file.php>, I need to capture those username and password. I tried $_SERVER['PHP_AUTH_USER']
BgSlider.js from Template Monster
I'm very very very new to this, but I received a template from Template Monster (Pretty Photo) that uses BgSlider.js and I've been modifying it for a photographer's website. My problem is that I can't get the slideshow to work automatically. I presume the code below is what I need to mess with. I have already tried changing the slideshow to true and increasing the time and duration, but what happens is the slideshow runs through so quickly, it looks like the photos are just layered on top of each
Getting started with jQuery - where do I go next?
I'm new to jquery, and can write basic functions but I've hit a learning barrier. I'm eager to learn more, but I feel directionless and overwhelmed by jquery terminology. I wish to learn it properly and at my own pace, on a side note: my job frequently requests me to "debug JavaScript issues" or "expand on/add features to: third party API's". I don't really know where to go, what to learn next... Can anyone give me some pointers?
iamges and template overlay?
Hi I've used Jquery in the past and would trying to find out what's required to be able to create something like this. http://asda-photo.co.uk/product-info/79-phone-and-tablet-cases/46-iphone-3-full-image-wrap-case if you click create now you'll get a phone case template and then upload an image to manipulate to fit the case is there any working examples or tutorials to show how it's done? Cheers Mal
display details in centre
Dear Sir I want to display message like shown below in center of screen with grey background disabling access to the existing window I am aware of jquery a bit done ajx to populate (fill information in div displayed using $('#viewdata').show(); var url = "viewemailfill.php" var data = { gid: gid }; $('#viewdata').load(url, data); Please help
Validation - no selection show validation div
Hi gang, I'm trying to show a div if a selection isn't made. Div: <div id="Q1REQANS" class="validation-error" style="display:none;">Please answer question 1 before continuing.</div>My simple yes/no question: <div class="response-set"> <span id="Q1C1"><input type="radio" name="Q1" value="1" id="Q1_1" /> <span class="choice-text">Yes</span><br /></span> <span id="Q1C2"><input type="radio" name="Q1" value="2" id="Q1_2" /> <span class="choice-text">No</span><br /></span> </div> My jsfiddle link:
Help and advice please newbie here
Hi all I was really looking for some advice and im sure this is the place to be. I bought a mobile building script so im now the new owner of it but the previous owner has gone and not helping any more to cut a long story short. This script is designed to offer clients to build their own mobile website It uses: php, jquery 1.8.3.min.js , tiny-mce, bootstrap and MySQL DB. It all works very well how ever at the moment you design on the FLY your mobile site and then when you happy you then download
Next Page