scrollbars and overflow: auto and boxmodel
I was hoping setting this CSS stuff thru JQuery would make stuff "just work" but I haven't found the incantation and my searches here don't land on what I need. What I want to do I think would be pretty common. I want to assign a rectangular area for some content and then have it pop a vertical scrollbar if the content exceeds the height of the box. I would like the have the scrollbar appear inside the content rectangle. But I see different behavior in the big three browsers, with the scrollbar
jvectormap uncaught referenceerror
hey guys, I have been trying to get this plugin working for hours and can't seem to do so. I am fairly new to jquery so i do apologize if i say something stupid :) I tried following the tutorial provided on the site but have had no luck. Anyways my code so far is: <!doctype html> <html> <head> <meta charset="utf-8"> <title> vectormap </title> <!--<link rel="stylesheet" media="all" href="css/jquery-jvectormap.css" /> --> <link rel="stylesheet" media="all" href="css/jquery-jvectormap-1.2.2.css" />
jQuery Cycle Reverse Transition Wipe
I'm using the "next" and "prev" buttons and the "wipe" transition. Currently the transition goes from left to right ("l2r") when "next" or "prev" are clicked. I would like it so that when you click "prev" it goes in reverse, right to letf ("r2l"). I'm aware you can edit the javascript source file to accomplish this, but I am not skilled enough to pull this off. Any help would be appreciated. Thanks!
Sending $_FILES through JQuery
Hello I'm doing a form which contains a gallery with PHP+MySQL. I'd like to add the possibility to upload images using jQuery in case of the image I'd like to use is not in the gallery. The problem is, $_FILES doesn't send through $.post.... I was reading and, as I understood, this is not possible. Another option would be open a pop-up window to upload the file. But in this case, when I go back to the form, the pictures must be updated with no reload it (because if I reload I miss all the information
Problem with ResposiveSlides.js [Resolved]
Hello, I'm using ResponsiveSlides.js in my homepage, but it stopped working out of nowhere... I try everything, put right on the page, in my script.js page, try to chance the options and nothing... Here's responsiveslides website >> Here << My page is >> Here² << Help me please ><
Jquery with Dynatree default selected tree child.
Hi, I have created one tree structure using dynatree(jquery.dynatree.js),on left side of my screen. Now my requirement is to display one particular child from the tree as selected. And at the same time once use clicks other tree nodes/ child that selection should change. Can anyone suggest as how to make that particular child selected on page load. I tried below logic: $(document).ready( function() { $('#tabs-1_li').addClass('selected'); } The aboce code makes the element (<li
unable to drag
I am trying to drag an object on a drawn rectangle. I do not know what is wrong I am new to jquery ty very much <html> <head> <link type="text/css" rel="stylesheet" href="drag.css"> <script type='text/javascript' src='drag.js'></script> <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script> </head> <body> <div style= "width:500px; height:500px; border:1px solid #000;"> <img src="images.jpeg" id="car"> </div> </body> </html> my js function $(document).ready(function(){
Looking for a good multi effect jquery slider
Does anyone know of a good jquery slider plugin that allows for various custom animations of multiple elements in each slide? Or does anyone know of a good tutorial that covers how to build one?
Tab id setting with 'ajax' tabs
When loading a tab using ajax by setting the URL in the configuration, the tab content gets loaded allright. However, I'ld like to fix the tab-id to the same value as the one I set when ajax loading is disabled for the tab(s). Using the same tab id is usefull for 'CSS' configuration. Unfortunately, it seems impossible to set the tab id when using ajax loading - it is set from the tab title or content. I have tried to append '#myid' to the ajax url, but that does not impact the name. Is there a
Get size of my JSON File
Hi people, how i can get the Size from my JSON File with jquery? here is the code and i need to save the size in a variable, i need it for a for-loop. <script type="text/javascript"> var myArr = [] $.getJSON('daten.json', function(data) { $.each(data,function(key,value) { myArr.push("<li>" + value.Teilnehmer.Name ," ", value.Teilnehmer.Nachname + "</li>") }) $('.content').html(myArr.join('')) }) </script>
How do i repopulate custom html control dynamically
I am not sure if this is the correct place to post this so I will. I using MVC 2.5 . I need to repopulate a custom html help control in a view on an ajax call back, The custom control is an item in unordered list. I am trying to recreate the view for the list item in the ajax call back but am happing trouble with how to code this. Below is the c# code for the custom control, the view code that contains the custom html control ,and the method the ajax call back would call to recreate the list item
Error in W3C validation with lighrbox
Hi, I'm using a lightbox functioning with jQuery. But I'm getting many errors in the W3C Validation: Line 78, Column 93: Bad value diaporama_group for attribute rel on element a: The string diaporama_group is not a registered keyword. … Bollet" rel="diaporama_group" href="images/portfolio/arbres_foret/Bollet.jpg"> Syntax of list of link-type keywords: A whitespace-separated list of link types, with no duplicate keywords in the list. Each link type must be listed as allowed on <a> and <area> in the
how do i retrieve dom array in .on() event?
for example <script type="text/javascript"> $().ready(function(){ $('input').on('change',{name:'Lcb'} , ShowMessage); function ShowMessage(MyEvent) { alert(MyEvent.data.name); } }); </script> </head> <body> <input type="text" value="1" id="test[]"/> <input type="text" value="2" id="test[]"/> <input type="text" value="3" id="test[]"/> <input type="text" value="4" id="test[]"/> <input type="text" value="5" id="test[]"/> </body> </html> how do i get array index of trigger object?
Jquery Output and Play Audio Elements from Json Array in Correct Order
I am having trouble with outputting audio elements from a Json array with Jquery. Here is my Json array which contains images, text and audio: "questions": [ { // Question 1 "q": "<img height=100 width=100 src=\"js/Question1Option4.png\" />", "correct": "<p>Bag</p>", "audio": "<audio src=\" js/Question1.mp3\" ></audio>" }, { // Question 2 "q": "<img height=100 width=100 src=\"js/Question2Option2.png\" />", "correct": "<p>Eraser</p>", // no comma here "audio": "<audio src=\" js/Question2.mp3\" ></audio>"
I can't select the .current section
Hello I'm stuck. I've the following structure: <section class="gallery" id="media-home"> <ul class="list"> <li class="selected">Photos</li> <li>Videos</li> <li>Attachments</li> <li>New</li> </ul> <section class="gallery-item current"> ……… </section> <section class="gallery-item"> ……… </section> <section class="gallery-item"> ……… </section> <section class="gallery-item">
how to change size of datepicker calender
how to change size of datepicker calender
.trigger() vs .triggerHandler() vs .simulate()
Reading the jQuery tutotial on triggering events there seems to be some misunderstanding, and I quote: ".trigger() function cannot be used to mimic native browser events, such as clicking on a file input box or an anchor tag." "There are four differences between .trigger() and .triggerHandler() ....... .triggerHandler() will not cause the default behavior of the event (such as a form submission)." Aren't these 2 quotes in contradiction? Isn't form submission an example of "following a native
Parse JSON object and reveal with a "show" function
Hi, I am attempting to use Jquery plugin script to parse/output elements from a JSON file. The script that I have so far can parse one set of elements, but not a corresponding set. The JSON file structure is as follows: "questions": [ { // Question 1 "q": "<img height=100 width=100 src=\"js/Question1.png\" />", "correct": "<p>Answer1</p>" }, { // Question 2 "q": "<img height=100 width=100 src=\"js/Question2.png\" />", "correct":
jQuery Query Help
With the following code I need to locate all elements with a cell_name that starts with the word Driver. Once I identify these rows I need to select the data_table element within the same row and change the css class. Any help with a fast and efficient query. <table> <tbody> <tr class="row_folder"> <td class="matrix_cell"> <div> <div class="cell_name">Driver #1</div> </div> </td> <td class="matrix_line"> <div> <table class="data_table folder"> ... </table>
.button() initializer works on any HTML element
Hello all. There is a feature in JQM wherin you can initialise a button using Jquery as follows. $("button").button(); This will add the button styles to the button. Works fine! However the thing that bothers me is that this will work on any html element like img, p and span and about any other html element. Is this is bug and should I go ahead and report it? Cheers! Shreerang Web Developer Spatial Unlimited
Jquery Mobile + Isotope.js
Greetings, Does anyone have any examples of jquery mobile playing nicely with Isotope.js? Many Thanks, BenReb
How solve 304 response - not modified?
I am running the following script on the client-side and the script is failing to update, when there is change in the database. I debugged the script using DevTools and discovered my Jquery scripts are responding back as "304 not modified". Does this issue, indicate why the client-side content is failing to update. Note: If you require server code for further reference, please do let me know. if so, how can I resolve this issue. Please advice further. Many thanks. <script src="../Scripts/jquery-1.6.4.js"></script>
onload for all my image
Hi, I want to add a "onload="initCanvas(this)" for all my img. <img src="logo.jpg" alt="logo" / > become <img onload="initCanvas(this)" src="logo.jpg" alt="logo" / > thanks
Problem json returns null
Hello I am trying to use JPList with MySQL. I think there is nothing wrong with JPList but.... In server-json.php $statuses = json_decode(urldecode($statuses)); This returns NULL I splitted it up to: $statuses = urldecode($statuses); Returns: $statuses : string = "[{\"action\":\"paging\",\"name\":\"paging\",\"type\":\"pagination\",\"data\":{\"number\":\"10\",\"currentPage\":0,\"paging\":null},\"inStorage\":true,\"inAnimation\":true,\"isAnimateToTop\":true,\"inDeepLinking\":true},{\"action\":\"sort\",\"name\":\"sort\",\"type\":\"drop-down\",\"data\":{\"path\":\"default\",\"dateTimeFormat\":\"\",\"ignore\":\"\"},\"inStorage\":true,\"inAnimation\":true,\"isAnimateToTop\":false,\"inDeepLinking\":true},{\"action\":\"filter\",\"name\":\"title-filter\",\"type\":\"textbox\",\"data\":{\"path\":\".title\",\"ignore\":\"[~!@#\$%^&*()+=`'\\\"/\\\\_]+\",\"value\":\"\",\"filterType\":\"TextFilter\"},\"inStorage\":true,\"inAnimation\":true,\"isAnimateToTop\":false,\"inDeepLinking\":true},{\"action\":\"filter\",\"name\":\"desc-filter\",\"type\":\"textbox\",\"data\":{\"path\":\".desc\",\"ignore\":\"[~!@#\$%^&*()+=`'\\\"/\\\\_]+\",\"value\":\"\",\"filterType\":\"TextFilter\"},\"inStorage\":true,\"inAnimation\":true,\"isAnimateToTop\":false,\"inDeepLinking\":true},{\"action\":\"views\",\"name\":\"views\",\"type\":\"views\",\"data\":{\"view\":\"jplist-list-view\"},\"inStorage\":true,\"inAnimation\":true,\"isAnimateToTop\":false,\"inDeepLinking\":true},{\"action\":\"filter\",\"name\":\"themes\",\"type\":\"checkbox-group-filter\",\"data\":{\"pathGroup\":[],\"filterType\":\"pathGroup\"},\"inStorage\":true,\"inAnimation\":true,\"isAnimateToTop\":false,\"inDeepLinking\":true},{\"action\":\"filter\",\"name\":\"colors\",\"type\":\"checkbox-group-filter\",\"data\":{\"pathGroup\":[],\"filterType\":\"pathGroup\"},\"inStorage\":true,\"inAnimation\":true,\"isAnimateToTop\":false,\"inDeepLinking\":true}]"
Superfish functionality
It seems to me that in a Superfish dropdown menu on touch screen it is not possible to dismiss a submenu with a second tap on its parent item - it is only possible by tapping anywhere off the menu or by tapping a different item to open another submenu. I am good with css but am not a jQuery coder. Would it be relatively easy to adjust the plugin so that a 2nd tap on the parent will close a submenu?
Dynamic active link not working
I'm trying to make my static nav menu have a dynamic active-menu class. At the moment if I click on one of my menu items the active-menu class works but I can't get into those pages. I know that it is the event.preventDefault(); that is causing this, but if I remove it then the active-menu class doesn't work. my menu <ul class="nav"> <li><a class="active-menu" href="#">Dashboard</a></li> <li><a href="#">Menu</a></li> <li><a href="#">Content</a></li> </ul> My css .active-menu{ background:
jVectorMap changing colors with my code
Hello All, here below there's the code I've used to link the countries in my jVectormap. Now I would like change the colors of the selected countries , in this case are 'it', 'fr', 'de', I'm a newbie and not too much expert, can you help me? Thanks a lot ! <script> var countries = ['it', 'fr', 'de'] $(function(){ $('#world-map').vectorMap({ onRegionOver: function(event, code){ code = code.toLowerCase(); if(countries.indexOf(code) == -1)
JQuery plugin Query
I am using Jquery UI 1.11.1 version in my project . Do i need to add referance below plugin too ? <script src="@Url.Content("~/Scripts/system/debug/jquery.ui.core.js")"type="text/javascript"></script> <script src="@Url.Content("~/Scripts/jquery.ui.widget.js")" type="text/javascript"></script> <script src="@Url.Content("~/Scripts/jquery.ui.dialog.js")" type="text/javascript"></script> <script src="@Url.Content("~/Scripts/jquery.ui.button.js")" type="text/javascript"></script> <script
My App To Do List, help in expanding it .
Hey Guys i recently sat and built this small app(more of a demo .. structural app) and now i wanna expand on the idea . Its a To Do list app . check the APP Link : The APP as of now ofcource you can see everytime you refresh , the task you entered is gone !!! Check The Code Code : The Code Some of the things i would like to do is : 1 Every Time a user logs in he should be able to add a task and the task should be saved in a database . (i don't mind learning PHP for this and SQL in the back end
how to change title
how to change title each number inside
Create forms dynamically based on a json data.
Here is my requirement. I have a json object, which is having a lot of properties, some properties are strings, integers & arrays. i need to create form( UI ) dynamically with the json data. there are 4 different types of form (UI). Which is the best approach to do this? I can create it with simple jquery. But i need a perfect way to do this. So that in future, if i want to add more types of form, i should be in a position to do with minimal changes, instead of modifying a lot of code. Any good
Load content dynamically
Hi, I'm trying to code a JQuery function, which views the content of a second html-page in the #content-div of my main html-page, when I MouseOver the link. When I MouseOut the link the #content-div of my main html should be viewed again. This is the code of my link in the HTML-File: <a href="" id="infojq">InfoJQUERY</a>Code in my javascript file: $(document).ready(function() { $('#infojq').mouseover(function() { //var x = '#content'; idea here was to save div-content in x.. //$('#content').load('magicpage.html');
Trying to use a tag-editor, without success :(
I'm trying to implement a tag-editor on my website, therefor I want to use the jquery found at: http://goodies.pixabay.com/jquery/tag-editor/demo.html So I tried making it work with this coding: <html> <head> <script src = "http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></ script> <script> $('#demo1').tagEditor({ initialTags: ['Hello', 'World', 'Example', 'Tags'], delimiter: ', ', /* space and comma */ placeholder: 'Enter tags ...' }); </ script> <script src
How to prevent contrlU using jquery
Hi , I want to prevent control+ukey .using jquery. means anyone press control and u key it shouldn't be work. i have code but it works only in firefox and explorer. following is code $(document).keypress("u", function (e) { if (e.ctrlKey) { return false; } }); why it is not working in chrome and how to correct it Regards Baiju
Move to top button
Hi there I am trying this tutorial http://www.paulund.co.uk/how-to-create-an-animated-scroll-to-top-with-jquery Why is it not working on my site? I have been trying this for whole day, I'm desperate :(
FeedBack Box Problem
hello, im sorry if i create this topic in wrong section but i really hope someone here can help me to figure it out and solving my problem. i put FeedBack Box in my HTML 5 web page. http://www.jqueryscript.net/form/Sliding-Feedback-Box-Plugin-with-jQuery-feedBackBox.html everything work fine but i can't submit my message to anything.i think i need to send data to one file with ajax and i don't know how. i don't know how to program ajax file and i really appreciate if someone here help me to find
jQuery JSON Form is only sending Pre-Poluated Values
I have a form. I have pre-populated the values using JSON/Web Service. Ex: <tr id=""> <td class="tleft"> <label for="nickname" class="fieldLabel"><span class="ui-small-text">Nick Name:</span></label> </td class="tright"> <td class="tright"> <input name="nickname" type="text" class="nickname" /> </td> </tr> Populated Using: $(".nickname").val(person.nickname); I am sending the form back to another URL using JSON. I verified that works by using a hidden field that isnt populated to see if its
how to change title website
how to change title website like using jquery
Problem from infinite carousel
Hi I have problem with my jquery for control from the below link. The photo not display for 5 photo. Thank you in advance jquery
Slider
Hi, I need your help. I have a slider so my participant can scroll the slider bar to answer some questions between 0 and 100 But, I want de number to be visible. What to I need to do? This is the part of the script if (($dscale[$a]==97) && ($slid==0)) { print" <style type='text/css'> .slider {font: 60% 'Trebuchet MS', sans-serif; margin-top: 25px; width:300px;} .slider_text {font-size:10px;font-weight:500;} .ui-widget-content { background: #bab0cc url($path/proq/images/images/ui-bg_inset-hard_100_bab0cc_1x100.png)
Next Page