I have this script that performs a simple calculation and outputs the result. The problem is that Chrome and Safari (WebKit browsers) ignore the radio button. The calculator is at [URL] (I've removed a lot of stuff for clarity). HTML validates (except for form action, since there is none).
View 5 RepliesI'm trying to create a questionnaire style series of radio buttons which are hidden and then a different set of radio buttons displayed depending on the previous answer. eg
Q1 Is it a man? (if select yes then display)
Q2 Is he called John? (if no then display)
Q3 Is he called Gary? and so on...
I've been testing using the code below but wondered if anyone had any ideas on how this could be done easily?
I'm trying to get a radio button validation for different sets of radio buttons that simply contains Yes & No buttons.
Here's what I'm trying to do:
Question 1: if Yes, then (Alert 1) if No, then (Alert 2) (if Yes, then Question 2 appears) *Up to here I'm happy- can't figure out the rest*
Question 2: if Yes, then (Alert 1) if No, then (Alert 2) (if Yes, then Question 3 appears)
I need the Alerts to be swapped from this point*
Question 3: if Yes, then (Alert 2) if No, then (Alert 1) (if NO, then Question 4 appears)
Identical for Question 5, and for Last Question 6 Alerts swapped back again.)
Here's the script that I managed to piece together:
Im trying to configuere a form that a.a radio buttons that allow the user to choose between quarters, nickels, dimes and pennies and show image when click on my radio button.how to get the image to display whenthey click on the radio button?
View 3 Replies View Relatedhow I can make each radio button call a different page. For example If i click on radio button 1 and click submit it will take me to [url].... and if I click radio button 2 and click submit .
View 7 Replies View RelatedI have a set of radio buttons each with an onclick event that has a numeric value. When the button is clicked an input box called "Total" is updated with the new value. The problem I'm having is that if a radio button is checked and one clicks on it again then the onclick event is triggered.
Is there any way to prevent the onclick event from triggering if the radio button is already checked?
I have 3 radio buttons with the same name ("myradio"). The value of each is a different URL (eg. value="http:[url]...)I have a link underneath these (<a href="#">Send</a>). I would like the selected radio button's value to be inserted into the href of the link, and if the user selects a different radio button that this changes.
View 1 Replies View RelatedI have a form with 4 radio buttons, the scenario is, when a user click on a radio button a hidden content will be displayed and the other three radio buttons will be disabled so that at one time a user can only click and view single radio button and the hidden content.Here is my code to show hide the hidden content but i need when the user select one radio button the other radio buttons should disable.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />[code]......
what i need to do to add all the radio botton and check box. i already finish the add formula on the checkbox but i do not know how to add the two selected radio buttons to my checkbox buttons.for example:
O selected is 80
O 60
O 60
O selected is 15
O 15
O 25[code].....
I've placed this on pages where a ^ top of page link at the bottom is present which animates a scroll back to the top of page, however it only seems to work in IE...
Code:
<script language="JavaScript" type="text/javascript" src="_include/_scripts/jquery.js"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
$('a[href*=#]').click(function() {
if (location.pathname.replace(/^//,'') == this.pathname.replace(/^//,'')
&& location.hostname == this.hostname) {
[Code]...
why the following works in IE but not the other browsers?
It's the "Select category..." jump menu at this URL: www.savasbeatie.com/books.htm
<TD>
<form name="whichCat" style="margin-bottom:0" method="get">
<select name="catChoice" onChange="sendValue(this);">
<option class="news4" value="javascript:location.reload(true)" selected>Select Category...</option>
[Code]....
I think it has something to do with the ID of the frame, (from Googling the error and reading some other posts,) but can't figure out where to put the tag.
I'm using getElementsByTagName() to retrieve some elements and do something with them. It works fine in FF but not in Chrome and Safari.
In Chrome it says: "Uncaught TypeError: Cannot call method 'getElementsByTagName' of null"
Here's the code:
Code:
function popUpSAPWindow(){
// Find all links in the page and put them into an array.
//Below is the line that gives me trouble
var linksInOrderLinesTable =
[Code]....
I've written some Javascript to do a few small things on a page, and was excited that it actually worked, even in IE! until I tested in Safari-for-Windows and Chrome on Windows and Linux. I'm going to assume Safari on a Mac also won't run then.
I have a page with some forms. I need to grab the ones with an id starting with "formMaat" (may have a number after it), hide the submit button, and add an onchange event to the lone dropdown select in the form.
Safari and Chrome are removing the submit fine, so they are finding the forms ok.
The onchange event is just supposed to submit the form... I had to imitate the behaviour of the old site but make it accessible to those without JS.
I ended up using a closure to get the "form" passed to the select element because otherwise "form" was unknown... and I can't tell if that's maybe what's tripping up Saffy-Chrome or not. I set a breakpoint in Chrome's developer thingie but I can't figure out how to see the script run when I click on the select.
One of the pages currently: [URL]
The forms in question are on the right/main part of the page, where it says "maat:".
Code:
<form action="http://ishtml5readyyet.com/" method="get" id="formMaat">
<fieldset>
<legend><span>Kies een maat en krijg de juiste prijs en voorraadstatus</span></legend>
[Code]....
Do I really need that closure? When I didn't have it, optie.form.submit() or this.form.submit() did not run and I thought it should have, since "optie" was known... I thought ".form" would have just looked for that element's form anyway, but it didn't. *edit tried a simpler way, but still no love from Saffy-Chrome.
I know I don't need to really separate that function over to outside init, except who knows if later more events will need to trigger more weird stuff... so I'm trying to write safely.
I thought Safari and Chrome now have different Javascript engines?
I created a drop down menu (i think i followed a tutorial but it was so long ago i can't remember) which works 100% perfectly in firefox and internet explorer but not opera, safari and chrome. I really want to get it working in all of them though.The Jquery Code:
var $j= jQuery.noConflict();
$j(document).ready(function(){
$j(".message_body").hide();
[code]....
Why is jQuery only working in Safari (mac) and not for Firefox or Chrome?
[URL]
I'm developing with jQuery quite long right now, but recently I spotted one big problem with execution of jQuery code in Safari and Chrome. So everything is working fine in these browsers until jQuery code is placed in one page. But when using for example tabs plug-in loaded with ajax and on this loaded page exists some extra jQuery code it isn't executed.Co page is loaded but nothing is happening with code which was included. This problem doesn't exists in IE, FF or Opera. It appears only in Safari and Chrome. The same problem is when I'm loading page with $.get, $.post or $.ajax query. So it doesn't affect tabs plug-in but
overall functionality. I was checking that with latest versions of jQuery and UI today.
there is a html element:
[Code]...
I am using javascript to change the buttons on my website so that they load up a different image when hot spots on the buttons are hovered over.
Everything has been working great, but this morning I tried checking out my site and for some reason the javascript wasn't working in Chrome, or on my iphone using Safari. I tried it in IE and everything still works.
Any ideas on why it would stop working for those two browsers?
Here is the javascript:
I'm not sure if seeing the html the js is referencing will help at all, but here it is just in case:
I have been developing a code for changing currency on onclick
here is a demo code
<form id="setCurrency" action="{$request_uri}" method="post">
<select name="language" class="language">
<option value="">Select Currency</option>
[code]...
It works fine for firefox but not for all browser
The following link when viewed with Chrome (Windows XP) the contents of the iframe take up the remainder of the window and looks fine. When viewed with IE8 (Windows XP) or Firefox (Windows XP) the contents of the iframe shows up in a much smaller scroll box window that is only using a small percentage of the available window.
Safari (Mac OSX) also renders the iframe the same way as Chrome.
Firefox (Max OSX) has the same rendering problem as Firefox (XP).
What coding changes do I need to make so that IE8 and Firefox act like Chrome and Safari and use the rest of the window for the iframe contents.
I have a small accordion I'm using for a menu for a local A&W francise (Demo: [URL] When you view it in either Chrome or Safari, you get a flickering that is quite annoying. Does anyone know what is causing this or how to fix it?
View 1 Replies View RelatedI'm working on a page that displays a query result upon loading, and has a DIV that (initially) is invisible and has 0px for height/width, plus a negative z-index. This DIV contains an iFrame that has a form in it for filtering the query. Upon clicking a link, javascript goes into action, giving the div height, width, visibility, and a high z-index so it "floats" above the main page (centered in the browser window.)
This is working flawlessly in FF, Safari, and Chrome. However, in IE7 and IE8, not only is the javascript engine slow and clunky, but once the DIV "appears" the form contained within is invisible (view source shows the code, it just isn't being parsed or displayed.) I'll include my code; can anyone think of a reason why it would show the DIV but not the form in IE7/8?
CSS
Code:
#inner_vi.hidden {
height:0px; width:0px; min-height:0px; min-width:0px; max-height:0px; max-width:0px;
display:none; visibility:hidden; background-color:#FFF; z-index:-11;
padding:0px; margin:0px; border:0px; position:absolute;
opacity:0.0; filter: alpha(opacity=0); top:0px; left:0px; zoom:1;
[Code]...
The following link when viewed with Chrome (Windows XP) the contents of the iframe take up the remainder of the window and looks fine. When viewed with IE8 (Windows XP) or Firefox (Windows XP) the contents of the iframe shows up in a much smaller scroll box window that is only using a small percentage of the available window.
[URL]
Safari (Mac OSX) also renders the iframe the same way as Chrome.Firefox (Max OSX) has the same rendering problem as Firefox (XP).What do I need to do to make IE8 and Firefox act like Chrome and Safari and use the rest of the window for the iframe contents.
I'm creating a custom text box.that's an easy thing to do for me but I encounter some problems on the javascript part.in the onfocus event of the textbox I try to get the caret position on the start.it works perfect on FF, IE and opera but I just can't get it to work in safari and google chrome. I found out both browsers use webkit but have no idea how you do it for the 2 browsers.I'm using asp.net ajax components for javascript and this works for the 3 browsers get_inputElement() = my textbox
View 6 Replies View RelatedI have been trying to fix Ajax call for Chrome and Safari and going nowhere.Somehow when the request is sent to the server, UPC gets blank even though upc has some value.This works in Firefox and IE.
View 7 Replies View RelatedIts showing perfectly in FF but its not displaying the main content on chrome nor safari.
im not a developer but i enjoy the time i spend figuring out this kinda stuff.