Link to page source of another page.
Hi all. I have a rather unique situation where I need to create a link that will open the source code of another page on a website. I have been searching around the web and cant find anything for this. Does anyone know of a way to do this? For example, when you click the link it opens the 'href' location of the links source code. Thank you
popup reposition?
I am building a list dynamically How can i get the popup to reposition itself to the center of the screen after i have added or removed items from the list? $("#mylist").append('<li><a href="#">Number 1</a></li>'); $("#mylist").append('<li><a href="#">Number 2</a></li>'); $("#mylist").append('<li><a href="#">Number 3</a></li>'); $("#mylist").append('<li><a href="#">Number 4</a></li>'); $("#mylist").listview('refresh'); I have tried: $( "#popupBasic2" ).popup( "close" ); $( "#popupBasic2"
Photo Popup problem
Hello everyone, I'm glad of the new features of the 1.2.0 jquery mobile version, but I want to highlight some documentation problem. In the new popup documentation page at http://jquerymobile.com/demos/1.2.0/docs/pages/popup/index.html some "real world examples" are given about different popup styles. I would like to implement the "photoPopup" style but there is no specification about the code for it; I only have to go and check the page source code and try to reverse engineering it, although it's
Find all checkboxes with the same name, then ensure one radio is selected
Hi all. I have a range of radio buttons in a form. I need to have jQuery check that a radio is selected for each group and add a class to the label associated if not. I thought this would work, but am having issues. I have checked and the name of the group is correctly added to the variable 'radio'. Any ideas? $('.checkbox', this).each(function(){ var radio = $(this).attr("name"); if ($('input[name='+ radio +']:checked').length) { $('label[for=' + radio
Jquery Mobile - Checkbox and radio button accessibility
Hi, I am not a developer but an accessibility tester. I was evaluating a form coded with Jquery Mobile . The check box is coded using the following code: <div data-role="fieldcontain"> <fieldset data-role="controlgroup"> <legend>Agree to the terms:</legend> <input type="checkbox" name="checkbox-2" id="checkbox-2" class="custom" /> <label for="checkbox-2">I agree</label> </fieldset> </div> But in the generated output legend tag is converted into <div class="ui-controlgroup-label" role="heading">I
New Menu Widget : Api to close/collapse menu
Hi, I'm currently using the newly release widget and I have hard time to figure it out on how can I achieve my simple goal. I wan't to close the current active submenu after clicking it. <ul id="nav"> <li><a href="home">Home</a></li> <li><a href="entry">Entry</a> <ul class="subnav"> <li><a href="entry/product">Product</a></li> <li><a href="entry/other">Other</a></li> </ul> <li><a href="document">Document</a></li> </ul> var
Embeded PDF issue in anndriod browsers?
i have problem in viewing embedded pdf in andriod browsers. please help me. I have checked with andriod default browser and opera mini. any solution???????????????????????
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 Mobile bug when navigating back to page with iframes
I believe I've found a bug with iframes in jQuery Mobile Issue: My site uses jQuery Mobile. I am using iframes to serve ads on my site. Someone recently noticed that if a user clicks an ad (leaving my site) and then hits the back button to return to my site, then the ads, or specifically, the contents of the iframes serving our ads, get a bit jumbled. If I look at the DOM, I see the src of the iframes are correct, and pointing to the url I would expect, but the html within the iframes is flip-flopped.
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
Ever-decreasing screen real estate with dom empty / append
Given a jqm 'page' containing some already-enhanced elements.... If I clone and store the 'role=content' portion of the DOM, empty the div, then restore the cloned DOM snippet, the usable 'content' area decreases in size each time (or the margins / padding keep increasing). jsbin here Am I doing something wrong ?
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 :)
[jQuery] tablesorter bug?
The tablesorter is acting goofy and I'm wondering if anyone has any insight to the problem or a way to fix it. I'm adding rows to a table then calling tablesorter: $('#myTable').tablesorter(); Works fine. If I clear rows from the table then add more rows, I call tablesorter again: $('#myTable').tablesorter(); When I try to sort, records that were previously removed pop into my table again. There doesn't seem to be a way to clear the tablesorter before reloading it with the new table results. For
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
[jQuery] Tablesorter plugin, sort cache problem
Hello, I've created dynamic table using tablesorter and the sort function works fine at first. The problem occurs when I want to sort new data. To make it clearer here's the flow: 1. Generate data, display on table 2. Sort works fine 3. Remove all data row, generate new data, display on table 4. Sort problem, the previously removed data shows up again :( Is there anyone know how to fix this issue ? Thank's in advance.
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
Next Page