starting path to learn java script/jquery.
hi i am new to web design area. I am learning web designing principles at present. In order to create a impressive design i have came across java script and jquery & css3 as well. as far as i know css3 and java script or js both may help in creating interactive websites. But I am struck in between which technology one should use to design attractive and interactive websites. On which technology one should focus more to design more attractive websites Thank you!
JqueryUi Accordion menu (Need to add a menu to a page)
I am working on building a website with software my hosting company provided me with called Webbuilder. Anyway, I want to use the accordion menu, however I am really lost. I downloaded the jqueryui from this site. The download gave me tons of files. Now what to do with them? How do I add this to my page? Where does the code go and which files is my link to the library? I download all the widgets not just the accordion, but the accordion is the only one I want to use at this point. I tried to upload
Iframe complement my addresbar with gallery[0]/4/.How close iframe and get original address without reload site.
Hi everyone... When I click in my button Jobs I load an Iframe that contains a page with images form. This Iframe is loaded over the site and the effects is cool. I use a LightBox as complement. But in my address bar, the result is like www.mysite.com/gallery[0]/4/, for exemple, when I view an image. I have a button that close this iframe, not close, only hidden. How can I to make something similar to that and back to www.mysite.com . If I put an load site when close the Jobs Iframe, this function
Need Help Simplifying This Script
Hi, I have created avery basic show/hide div slider and need help simplifying the script. I have posted a demo here: http://jsfiddle.net/yKuPr/ I would like to simplify/shorten the script but maintain functionality. Any help would be greatly appreciated. Thank you.
Gridview resize parts
Hi, I am using the responsive grids to split pages depending on the size of the screen. This is splitting fine, but I want sections to take the full screen width with smaller screens, but not with bigger screen (see JPG attached). Here is the code I am using, it seems that the "padding" attributes are not seen, while the "width" attribute is seen. Is this normal ? <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" charset="iso-8859-1"/> <link
Superfish - submenu items disappear beneath the bottom border of the window
I have a 3 level menu and the last of the level 2 items is the parent of a set of additional level 3 items. Most of the level 3 items beneath that last level 2 item are not visible because they appear beneath the bottom of the browser window. Is there some way to make a set of sub-items appear above and to the right of the parent item when this situation occurs?
How can I set a cookie value when a user leave the page?
Hi I have a seconds counter in my page and I want to keep the counter when a user jump between pages. So I though I can save the total seconds in cookies variable when the user leave the page and then retrieve it when ever they come back to the page. this is what I have currently but I want to trigger this even when the user navigate out the active page var currentCount = $.jCookie('callTimer'); $.jCookie('callTimer', Number(currentCount) + 1000 ); }, 1000); also how can I check if the cookies
Problem with dynamic site works in IE8 and does not work in 9
Hello friends. I have problems with dynamic site works in IE8 and does not work in 9. Works well the "Tab One" (-menu upper-) by default (shows section "column" and "content" internal), but when I go out and I click on another tab and then return to "Tab One" only shows "content". I need to show on the first tab "column" and "content", as it is by default. See example with default: http://jquerytest.zxq.net/ Files: http://www.mediafire.com/download.php?zotek8b4vwr4b40 jquery: load : function(url)
jQuery 1.9.1 Error - Occurs with IE but not Chrome
I've posted a question on StackOverflow about a jQuery error I'm getting in IE but not in Chrome. Instead of repeating the question again here, the link to the question is here: http://stackoverflow.com/questions/15869586/jquery-1-9-1-error-occurs-with-ie-but-not-chrome For now I have a work-around, described in the question, that seems to get around the problem, but I don't know if it's the best approach. By the way, in the MVC View where this error is occurring, I'm not passing any JSON data to
hide() and show() on mouseleave or mouseout
I am using hint.css and would like to have the tip hide when the div/class is clicked and turned on when the use mouses out of the div/class. I thought what I have here was pretty straight forward. I am surprised it didn't work, what am I missing? Thanks! <div class="promo"> <div class="offer hint--top hint--info hint--rounded hint--info" data-hint="PUT SOME COOL COPY, TO GET PEOPLE TO CLICK!!!"></div> </div> $(document).ready(function() { $( '.promo' ).on('click','.offer', function(){ $(this).hide();
Please provide some websites of the use jquery-ui ?
Please provide some websites of the use jquery-ui ,thanks!!!
Needing to extend the functions of a simple jQuery gallery?
I found a simple jQuery gallery to implement on my site. However, I have 1 problem. I need to be able to revert back to the original picture, while you've clicked on a different image. For example, when you load the gallery, you'll see image 1, then you can click on the thumbnails to view the other images. The problem I'm having is that I don't have image 1 as a thumbnail and therefore can't view it once you've click on a different thumbnail. So I'm trying to figure out, how I can extend the code
jquery frontend with php on server side
Why use jquery on the frontend ? A friend wants me to use a template he bought to build a web site for him. Its a WP template. However, the web site example he gave me turns out to be jquery. PS newbie here
hide log off div on load based on query string
Hi I am trying to hide a div on load such that if the query string html?name=showme Then i need to hide the div id=logoff else show the logoff div. can some one help me how to write it. cheers, vinay
Checking if radio is selected causes false returned
Hi. I have written a little validation script to check a few fields in a recent project. The last part, which checks if a radio input group has a checked element is failing. For some reason it is returning false after it has run once. if (!$("input[name='print-options']").is(':checked')) { $('.prompt-radio').show(); required = false; } else { $('.prompt-radio').hide(); } Can anyone see what the mistake is? Here is the full script. $('form').submit(function(e)
jQuery Form Plugin gets status code 0 though request succeeded
I'm running jQuery 1.7 and have the following piece of code using the jQuery Form Plugin's "ajaxSubmit" method: form.ajaxSubmit({ url: "my/url", type: "post", dataType: "text", success: function (data, status, xhr, form) { if (xhr.status === 0) { //Handle odd case } else { success(data); } }, cache: false, contentType: false, processData: false }); This request works perfectly in all browsers - it successfully hits my endpoint w/ the
Change arrows.
Hi, I'm trying to change image for my button when class .slide is up or down. This is the code: $(document).ready(function() { var $panel = $('.slide'); var $panelBut = $('.button'); $panel.slideUp('fast'); $panelBut.click(function() { $panel.slideToggle('fast').css('background-image', 'url(../img/up.jpg)'); }); });
Jquery. load Naviagiton Problem
Need some help, had some help before but have come stuck again.. so any advice or any pointers in the right direction would be great.. i have a main index page which loads separate external php pages into a content div.. my problem is i have the navigation section inside each individual external page.. Navigation Section - in each individual external page <nav> <a class="brand" href="#">Logo</a> <ul> <li><a href="index">Home</a></li> <li><a href="work">Work</a></li> <li><a
Store recently viewed div with its state through jquery?
Hi there, i have a scenario like this, i am supposed to store the user recently visited div(view page) in either session based storage(anything else if possible) and retrieve it back if user wants. Can anyone please help how can we achieve this? I have come across an option like this javascript:history.back()/ javascript:history.go(-3), but since my application is single page application i am not able use this options, if i use it then it is going back to login page. Thanks.
page reDirection into animation Question
So, I have some one who wants to leave one page by clicking a tab, and causing the site to automatically go back to the index page and play a scrolling animation on a one img slide show to a new location, before following through with the redirect to the original page the tab that was clicked was meant for. Is this possible? Here is a reference of the site. The index plays the animation, then goes to a page, which then goes to other pages similar. They want to go back to the index and mimic the animation
Dialog Box don't show the delete icon
Hello, I have a dialog box and I would like to use the data-icon="delete" to print a delete icon on the left. But it doesn't print. <div data-role="dialog" id="dialog"> <div data-role="header" data-theme="b"> <a class="ui-btn-left ui-btn ui-shadow ui-btn-corner-all ui-btn-icon-notext " data-iconpos="notext" data-icon="delete" href="musteri.php" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="b" title="Close" data-transition="pop"
Global variable not setting
Hi, Here is a snippet of my code, not complete, but shows the areas in question. I have defined var id on before anything this gets defined then set it on line 5 ... it's the table's row ID. I want to access this in line 17 but it says undefined, I just can't think why any clues? $(document).ready(function() { var id; $('.comment').click(function() { $('#dialog').dialog('open'); id = $(this).closest('tr[id]').attr('id'); }); $('#submitcomment').click(function()
Unwanted Auto Scroll Issue
I have a mobile page created using 1.3 and I've had an intermittent problem with scrolling long lists of divs. When scrolling down a list I have received a complaint that the list will 'auto-scroll' back to the top of the page. This does not happen all the time but when it does it is quite annoying. I've tried scrolling from different locations on the screens, at different speeds, to pinpoint the issue but I can't seem to find it. The site is: http://www.geny.fm ( if using a mobile device, if
Basic .post Question. Post a Form?
Hello. I'm working on a School Project which will go on for half a Year to create a Website with PHP,MYSQL and Jquery. I'm currently trying to make a easy-way Access to edit a User by clicking on it's Table-Data. Example It's each having it's own Form Created by a MYSQL_Query. Now my Question is. How do i make it Post a tr when i click on it? I worked with the jQuery.Post Basic Code but i couldn't figure out how to let it post all of it. Currently i just have the Script which does Change the
Help me check the script! Thank you!
Why the script can't demonstrate its effect on the webhosting while it can on local pc. <script> $(document).ready(function() {var _0x4828=["\x73\x6C\x6F\x77","\x72\x65\x6D\x6F\x76\x65","\x2E\x70\x72\x65\x41\x44","\x66\x61\x64\x65\x49\x6E","\x23\x53\x48\x4F\x57","\x66\x61\x64\x65\x4F\x75\x74","\x68\x74\x6D\x6C","\x23\x73\x65\x63\x6F\x6E\x64\x73","\x66\x61\x73\x74"];function endCountdown(){$(_0x4828[2])[_0x4828[5]](_0x4828[0],function (){$(_0x4828[2])[_0x4828[1]]();$(_0x4828[4])[_0x4828[3]](_0x4828[0]);}
How to set the jquery ui accordion active header based on the header text?
How can i set the active accordion header by text contained in the header?.. I can get the active header text like this.. Getting all the header text: jQuery("#accordion h3").text();To get the active header text: var text = $("#accordion h3").eq(active).text(); Is there any way to make the accordion header set to active by the header text and not the index values?.. Thanks.
Bug ? Or does exist a solution ?
Hi All ! Since 2 week i work on a website with JQM, and i see a little bug (or not). When i use somme script in add with JQM, often with javascript or JQ/JQUI when the user launch a script i try to scroll immediatly with there phone, the scroll is immediatly cancelled and the phone back to the originale place... Bug observed with iPhone 4/4S and All iOS Simuator.. I give you a exemple of a script who create the bug. $(document).delegate('.ui-navbar a', 'click', function () { $(this).addClass('ui-btn-active');
Javascript Json array with Jquery each going empty
var array = []; $("[id *= 'page']").each(function (index) { array.push([{ "Obj": "1" }]); }); alert(JSON.stringify(array)); I am getting empty in alert. What is wring with my code. Plz help me out???
Google Map Jquery Load Problem
Hey trying to load my google map through a jquery load call... doesn't seem to be loading on to my div on my index page through an external page.. had the code from the google developers page.. but cant seem to get it to work.. any help or pointers that would be great... $('#content').on('click', 'nav ul li a', function() { var page = $(this).attr('href'); // Script to fade and show pages $('#content').hide().load('page/' + page + '.php').fadeIn('normal', function() { function initialize()
Not able to style the borders on vertical tabs
Hello! I'd like to know how to take away the gray border when the tab is active. I was able to style the whole thing and it's all perfect except for that. Please let me know where to find it! Thanks
Checkbox for enable/Disable sereval select
Hi the community ! I try to make checkbox who could enable ans disable sereval select. To began just one select. I try it like that $("#checkbox-mini-0").click(function() { $("select:enabled").$("select").attr({ disabled:"enabled" }); }); Sure it's not work but if you give me some tips ;) My actual code : <label for="checkbox-mini-0">Call me back immediately</label> <div class="ui-block-a"> <div class="ui-bar ui-bar-b no-border-bottom" style="width:218px"> <fieldset
Return ID of Fieldset after radio button is selected?
Hi, I four roles of input buttons that form a grid, i.e when one item is chosen the equivalent buttons in the other rows are switched off. I have the radio buttons attached to a click handler(). All works fine but is it possible to return the id of the fieldset in this case it would be either fieldset1 or fieldset2. when a radio button is selected? $(".a, .b,").click(function(){ // From here return fiedlset ID }; <fieldset data-role="controlgroup" data-type="horizontal" id="fieldset1"
$.address is undefined problem
Hi, In one website template, I am trying to use jquery address plugin. But I continuously get $.address is undefined error. I have included the following js files in the given order: <script type="text/javascript" src="js/jquery-1.7.2.min.js" ></script> <script type="text/javascript" src="js/jquery.address-1.4.min.js" ></script> Then in my custom jquery code I have written an initialization function like: $.address.init(function (e) { //some code that I perform to initialize local variables
Want to set datetime picker to a 15 minute step.
Is this possible?
Is there any grid related to Jqiuery ui apart from jqgrid?
Is there any grid related to Jqiuery ui apart from jqgrid?
.getJSON() error when crlf doesn't match os's liking
function getRandomQuote() { var quotes = [], randomIndex, quote; $.getJSON('/quotes.json', function(data) { //http://api.jquery.com/jQuery.getJSON/ $.each(data, function(quote, cite) { if ('' != quote && '' != cite) { quotes.push(quote + '|||' + cite); } }); }) .done(function() { console.log( "JSON success" ); }) .fail(function() { console.log( "JSON error" ); }) .always(function() { console.log( "JSON complete" );
JqueryMobile: How replace the url in windows.history
How can we replace the URLs in windows history in jquery mobile application when first time saving the data (for example I can change the url "/customer/addeditcustomer" to "/customer/addeditcustomer?custid=104" ) I have tried the below script but, failed if (typeof window.history.pushState == 'function') { history.replaceState({}, 'AddEditCustomer', '/customer/addeditcustomer?custid=104'); } but i get the error "Uncaught TypeError: Cannot
toggling images with click
I have h5 headings with a plus image (close.png) next to each one. When I click on the h5 heading I want the hidden text underneath to appear and have the image switch to a minus (open.png). This is what I have so far. But swapping of the image doesn't work. HTML: <h5>How do I join?</h5> <div class="answer"> <span style="font-weight:normal;">Simply click on the JOIN button. It is that easy! Fill out the fields and when you are done, click on the privacy agreement and then submit. Your application
One Jquery Mobile Document Containing many page references? [SOLVED]
I have a regular website containing over 70 php files which I'm now developing into a mobile version to run alongside. Opinion seems divided as to what is best practice - one index.php/index.html file containing all pages or several html/php files refered to from within the index file. Any ideas on how to approach this large website? Also, If I link to an external file, data-transition="fade" no longer works when a page moves into view. How can I maintain data-transitions when external links exist?
drow-up menu jquery
Hi, I´m new here and I´m starting to learn to work with jquery because I need to do a website and I want to add some different menus. So I saw this menu and the menu in the right side but I don´t know How can I do something like this. I need some helppp.
Next Page