how define a initial page programmatically?
hi all.. how yours usually set your's initial page in an application with several pages?
Understanding Demo CSS?
I'm working with the Accordian widget with ASP.NET MVC 2. I know how to use CSS in ASP.NET Web Forms, unsure about JQuery css. The projects default stylesheet can be found here : <link href="../../Content/Site.css" rel="stylesheet" type="text/css" /> The JQuery UI demo stylesheet (including Accordian css) can be found here: <link rel="stylesheet" href="../../Content/themes/base/jquery-ui.css"/> Here is the Accordian header code: <script type="text/javascript" > $(function () { $("#accordion").accordion({
Translate function into a new validation rule
I wrote a function to validate a section of a form. The intention is, when the form submit button is clicked, ensure there are at least 3 rows in the table, if the radio button with a value of true is clicked. Here is the basic HTML structure: <form id="MyForm" action="/" method="post"> <div class="Question"> <div class="RadioBtns"> <input type="radio" id="Radio_Yes" name="Radio1" value="true" />Yes <input type="radio" id="Radio_No" name="Radio1" value="false"
Theme Roller and no gradient
Themeroller generates a gradient for every bar and body whether you want one or not. You can set the start/end to the same, but that doesn't seem like a very good solution. You get a bloated CSS file with unnecessary background-image: lines, and it might result in unnecessary work when rendering the page. Does anyone know what common browsers do with this? Are they smart enough to just ignore this, or will they actually create a background image with a solid color? This seems awfully wasteful if
code
how to write java script for populating the textbox once one of the radio button is selected in c#.net
Mouseover script gets wonky when interrupted
I have a jquery script that causes an image to change when links are rolled over. You can see it in action here: http://annmarietherapy.com/index.php Everything goes fine unless the another link is rolled over while the fade is in process. Here's the script that runs the fades: $(function () { $("#contact-link").mouseover(function () { var $active = $('#homepage-image .active'); $("#contact-image").css('z-index', 2).addClass('next'); $active.fadeOut(1500, function() { $active.css('z-index',
JQM external links on desktop browser pages
If the user is viewing the jquery mobile page from a desktop pc browser, and I add target="_blank" in addition to the rel="external" will JQM simply ignore my target tag on mobile devices, and use it on desktop browsers? Or if there is a better way I should go about it, I'm all ears. I have to update 50 external links all at once and want to make sure I do it the best way the first time. Thanks *Break through the ice and never look back*
Jquery Validate Plugin
I'm a beginner with jquery. I'm using the latest jquery validate plugin. I have a simple grid with radio buttons. Everything is working correctly with the error message and the removal of the error message when a button is selected. I use an onclick in the <td> tag to select the radio button if the <td> is clicked. In this case, the error message is not removed. Only if I click the button itself. Here is a very basic example. Please help. <html> <head> <script src="jquery-latest.js"></script>
Not rendering correct size
Using code.jquery.com link for my css and js. The app runs, but on my mobile device it is rendered so small as to be unreadable... ideas?
scrollable content in tabs
Please see: http://justinfranks.org/ Within the large blue "Test" tab content, I am trying to get the "Resume" tab content to scroll as my resume is too long for the amount of space provided. At worst I would like the tab to extend further down to show all of the content. Please help!! Thanks!! -Justin
Conditional validation tutorial
Hi there. I am looking for a tutorial on conditional validation. I have 3 sets of radio button/Textarea in a section and on form submission, I need to loop through them, and for any radio buttons returning 'True', the corresponding textarea needs to contain text. If possible, I would like just one function or rule to do all three areas. Then I have 4 other sections with a radio button pair, and a table. for these, if the radio button is true, there needs to be at least one row in the corresponding
JQM Form Post Back Button Doesn't Navigate Browser History Properly
I'm having an interesting issue in jQuery Mobile (JQM). You should know beforehand that I have a single-page template setup (separate pages) setting the following global configuration options, largely with the goal of turning off ajax and the jQM hash navigation system. $.mobile.ajaxEnabled = "false"; $.mobile.buttonMarkup.hoverDelay = "100"; $.mobile.defaultPageTransition = "none"; $.mobile.hashListeningEnabled = "false"; $.mobile.pushStateEnabled = "false"; $.mobile.loader.prototype.options.textVisible
jquery .on() function does not work.
I have 3 fields Quantity, Rate, Total Amount. If any one keyup quantity or rate fields then amount show on Total Amount field. I have also an add button. If anyone click on add button then new row and delete link create dynamically. My problem is If I keyup quantity or rate fields then calculateSum() function work properly. suppose I create 2 row it's total amount 100+(100+100)=300. If i delete first one nothing change. If i delete last one then result show 200. but correct result is 100.Please can
Image blink during slider transition, might be simple to solve, any ideas??
I guess its just easy to solve this, but I tried many times without success so I need your help guys. The problem as described in title is that the images blink during the transition of the main slider (rotating banner) and it just happens with the big picture. Here's the website. Any ideas will be appreciated, thanks! http://www.mediahall.com.br/mixs/
jquery mobile detection configuration
I have two version of my website, one for normal desktop browsers, and a mobile version. I'm trying to determine the best way to push users on phones to the mobile version. But I would like them to be able to go back to the regular site if they want. I know that some mobile sites have a "View Full Site" button at the bottom. Right now I could easily add that to my mobile site, and just have it link to the regular one. But if I have the regular one do some form of detection to push them to the
Hijack MVC3 form submit after model validation
Hi, I'm trying to get some jQuery running in an mvc3 website AFTER the form validates the model but BEFORE the HTTPPOST event handler runs. Is this possible? Right now I've got both of them (HTTPPOST method and jquery code) running on the click on the submit button with a simple: $("form").submit(function (e) {} method. So to sum up, I want it to run in the following order after the submit button is clicked the form the validate the fields with the built in viewmodel validation if the fields are
How To Check A Field For A Value Of "undefined"?
I have a simple webpage with a form on it. The form has two select boxes for use as filters, when submitting a query to the server. Each select has an "onChange" handler coded for it dynamically, when the form originally loads (using document.ready). Whenever either selects' value changes a request is submitted using both selects current values. My problem seems to be that whenever I click a value in one select, without the other select already having had one of its values selected, the select which
How to apply custom CSS using jQuery onto a mobile web application
Hello, I have created a mobile web application using MVC 4 Mobile web template. I am unable to apply custom CSS to even a simple <h6> or <div> tag. I have a custom CSS file in the content folder. I tried the following: 1. Adding the custom CSS file to the existing ~/Content/css bundle by giving the following: bundles.Add(new StyleBundle("~/Content/css").Include("~/Content/MyCSSFile.css")); 2. I also tried creating a new bundle: bundles.Add(new StyleBundle("~/Content/MyBundleCSS").Include("~/Content/MyCSSFile.css"));
jQuery 1.8.2 | Save div contents as playlist for future retrieval?
My multimedia app allows appending in a div the ol listing of clickable thumbnails, titles and durations of youtube videos for future replay. I was wondering how to save the ol element (with all the contents of li child elements) for future retrieval on a click of a button? Would the following cookie function work? https://github.com/carhartl/jquery-cookie/blob/master/README.md . I've read that cookies are not the way to go for this type of data, is that accurate? Basically, in my app, a button would
What does "this" keyword means in jQuery?
Hi I know it is a very basic question but seems to be very confusing after reading some articles. I had read few articles in related to "this" keyword but got confused with different-different references by people. As per the articles "this" keyword stands for :- 1) If it is used inside event of some object let say button then this refers to button for which event is firing. 2) If it is used inside event of some object let say button then it refers to DOM element. (I don't which DOM element document
a small problem slider and galery
I have test page http://mashinki.net.ua/pages/test/test.php I put simultaneously on the page slider and galery. But have a problem with a galegy. One button is not worked What should I do to work?
Label for 'this'
Hi all. Can anyone see what I am doing wrong here? $("label[for=' + $(this).attr('id') + ']").addClass('error_label'); Thank you :)
How to show an image properly?
Dear friends, I am uploading a image and showing it to a fixed size(width='728' height='286')image box but images are not showing correctly as the actual image , even the large images seen faded or distort , is there any function or any property or something like this by which i can show a proper image in the image box. If yes then pls share any link or your suggestion to do this, thanks
How do I code a layout in a box?
So my idea is to have my "app" running in a rounded rectangle that sits on a background image. I want it to expand so it's say 20px from all 4 edges of the window but the content of the "app" inside may need to scroll vertically. I'm designing for an iPad but it needs to work in modern browsers at higher resolutions too. What's the best way to do this?
jquery tabs
Hi Below is my java script code,this is working fine,but i want to reduce the no of lines of code.i want to use it without hardcoding like (menu1,menu2.........etc) the click function also should not hardcode...... $(document).ready(function() { $(".jstest").roundedCorners({ wrapperClass: 'rc-panel3 rc-panel3.rc-tl rc-panel3.rc-tr rc-panel3.rc-bl rc-panel3.rc-br', wrapperId: 'rc', overrideCSSRadius: true }); $("#instantdownload").roundedCorners({ wrapperClass: 'rc-panel3 rc-panel3.rc-tl
Menu Widget Horizontal?
Q. How can I get the Menu widget to show horizontal? http://jqueryui.com/menu/#navigationmenu
How to create multiple change function.
I have an html select and a add button. If any one click on add button then an html select create same class, name. My problem is if I change first html select then change function work properly but if I change created html select then change function don’t work. Please can someone point out what I may be doing wrong here? Many thanks. Here is my code: <html> <head> <title>the title</title> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
how to get address of new jquery versions in dreamweaver
hi i have updated my jquery versions in mu dreamweaver folder to new version and now how can i get the address of new codes in dw cs5.5 thnx http://www.scripters.info
Enable or disable select option
Dear all the jquery comunity, I would like to know how to enable or disable all or just one element of a select option. Thanks. Tegatti
How to access dynamically added content?
I'm sure this has been answered before, but I haven't had any luck digging it out. Basically, I have a workflow-type interface, wherein a user can add in several boxes of content which are chained together to create a workflow. The individual boxes are laid out in HTML, along these lines: <div id = '#workflow-box-template'> Arg 1 : <input type = 'text'><br/> Arg 2 : <input type = 'text'><br/> Arg 3 : <input type = 'text'><br/> <button>close button</button> <button>cancel
Show / Hide for multiple Divs
Hi, Sorry if I am treading on old ground but I am new to jquery. I have a page with 3 divs and 3 anchors. I am trying to build this page that loads with all 3 divs hidden, then when someone clicks on the first anchor div 1 displays. If they click the 2nd anchor then div 1 hides and div 2 shows and so on. What is the best way to do this? My code below half works, but it forces the divs that are already hidden to hide again (which looks stupid). Thoughts from the pros out there? <!DOCTYPE html> <html>
Trying to show text from an XML file
Hello, I am trying to populate an array with terms from an XML file but I can't seem to get it going. The alerts below do not show any information or text from the XML file. Is this not storing the entire XML element? Later I will need to index with the 'term' attribute and return one of the other attributes. $(document).ready(function() { var glossArray = []; $.get('glossary/glossary_data.xml', function(d){ $(d).find('item').each(function(){ glossArray.push($(this).val());
Using Ajax offline
Hey, I'm currently building a web app with jQuery. I'm using Ajax to create smooth page transitions (fadeout -> load new body content with ajax -> fade in). This works perfectly but requires a webserver. Thats a problem, because I'm only loading static HTML and Javascript. I don't have any server side code. I want to publish the app on CD also for people without internet (trust me, they exsist ;) ). Is there any solution to use my code offline? Of course I could write different code, because I don't
HTML 5 iPhone 5 support question
I know this really isn't a jquery mobile question. But I haven't really found any good forums to ask my question on, and my site does use jquery. So maybe there is a solution I can use in jquery to my problem. My site is fairly simple jquery mobile and php based. The site works fine on iphones. However with the release of the iPhone 5 I have noticed an issue. Previously my site used the following code: <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0,
jquery browser
hi I need some help , I want make function when visitor exit browser or exit page or change my page , haw can I do this , thanks .
Selecting imported children & if/else
Hi everyone. I'm having trouble with my script, and I've researched for days what might possibly be wrong with it. Perhaps someone here could spot the issue? I'd be very grateful. Cheers. Issue #1 $('.about').on("click", function () { doesItBlend = $("#mid_col").hasClass(".hide"); if (doesItBlend === false) { $('#right_col').load('about.html'); $('#right_col').toggleClass('hide'); } else { $('#mid_col').load('about.html'); $('#mid_col').toggleClass('hide'); } });Above code doesn't work
I am trying to do vertical tabs
Please look at this link. I trying to get this effect with vertical tabs. http://bluetoad.com/publication/?i=89702 This is dynamic with ajax and c# to and <div id="bookContainer"> <div id="book"></book> </div> $("#BookContainer").append(ContentMenu); function GetContents(BookID) { $.ajax({ type: "POST", // AJAX type post url: "tabletbook.aspx/GetContentsMenu", data: '{"BookID": "' + BookID + '"}', contentType: "application/json; charset=utf-8", //This is dataType: "json", //We need to specifiy
Select next character?
I'm trying to hide a "|" character that is next to an <A> tag. I cannot figure out how to find it, because it has no class or ID. EX: <a href="home.htm">Home</a> | <a href="intro.htm">Intro</a> | <a href="whatever.htm">Whatever</a> I need to hide the link for Intro and the "|" next to it. $('a[href$="intro"]') gets me the link. But how do I get the pipe, and how do I change its visibility? Thanks
Falling Picture from Top
I wanted to ask if anyone knows how to drop a picture from the top and then the forms in the middle lands. 1. The first picture is empty. 2. The second image is the one, which th image is falling down from the top and stays in the middle. Do anyone knows an example or a script? Thanks!
Public Callback Function in own Plugin
Hi, i have written a little plugin in jquery which works good so far. i want to have a public callback function e.g. if the image is loaded (everytime), the name of the function is loadData(). i have some public functions which execute some code, i can call the functions in my html file, this works perfect. now i want to have some callback if some function is completed. sorry for my english ;) code is attached thanks for your help, greetings
Next Page