Learn VBA & Macros in 1 Week!

JavaScript - Browser Detect To Laod Specific Code For Specific Browsers

Full Excel VBA Course - Beginner to Expert

Browser Detect To Laod Specific Code For Specific Browsers	View Content

Another thing that has been driving me crazy is that css positioning is handled differently by different browsers. JS is not my area, but I can do a lot with CSS, and I do, but cross browser compatibility is killing me.

I can use an IF IE statement and only IE runs that segment of code, but I haven't been able to figure out out how to make ONLY firefox or ONLY opera or safari enact an encapsulated segment of code. The same type of IF statement doesn't work for them.

Is there a single method using JS that works for all browsers?

Thre is probably a very simple answer and I am just missing it somehow.

Full Excel VBA Course - Beginner to Expert

Similar Tutorials

Browser Specific Javascript Conflict

Call Background Images Specific To Browser Size?

Looking For A Specific Java Script Code

Displaying Html Code Only On Specific Pages

How Do I Run Code On A Specific Form When There Are Multiple Forms?

Out Localstorage For A Specific Key

Displaying Specific Day

How To Detect Plugin In Ie Browser

Show/hide Div On Specific Url

Keep Dates Within Specific Range

Locating Specific Input Tag Within A Td Tag With No Id And No Name

Need A Specific Script For Dog Rescue

If Condition On A Specific Value Of Array

Uncheck Checkboxes Within A Specific Div?

2 Specific Actions In 1 Button

Javascript Specific Calculator

Looking For Specific Vertical Scroller

Learn VBA & Macros for Excel in 1 Week!

Browser Specific Javascript Conflict

Similar Tutorials

Hello All,

I'm working on a image slider, which will slide left to right and vice versa on mouser over event. the images are dynamically loaded from the database using ASP script. I use mootools.svn.js for the sliding implementation. and Ajax to pass the id of the image to another page as a query string. this is implemented in a Code:

onclick="getValue('<%= id %>')"

event.

This works fine in IE8, but when I test in Firefox 3.6 and Chrome the onclick event doesn't work. when I comment the mootools.svn.js, the onclick event get fired. what causes this. is their any solution?

now my development has come to a grinding halt because of this. Please help

<%@ Import Namespace="System" %>
<%@ Import Namespace="System.Data" %>
<%@ Import Namespace="System.Data.SqlClient"%>
<%@ Import Namespace="System.Configuration" %>
<%@ Import Namespace="System.Collections" %>
<%@ Import Namespace="System.Web" %>
<%@ Import Namespace="System.Web.Security" %>
<%@ Import Namespace="System.Web.UI" %>
<%@ Import Namespace="System.Web.UI.WebControls" %>
<%@ Import Namespace="System.Web.UI.WebControls.WebParts" %>
<%@ Import Namespace="System.Web.UI.HtmlControls" %>
<%@ Import Namespace="System.Text" %>

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="slider.aspx.cs" Inherits="slider" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
<script language="javascript" type="text/javascript">
//GETS THE IMAGE ID FROM
function getValue(val)
{
alert(val);
showHint(val);
//document.form1.newval1.value=val;
}

var xmlhttp=null; //xmlhttp variable

//Ajax
function make_httpRequest(){
if (window.XMLHttpRequest)
{
// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else if (window.ActiveXObject)
{
// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
else
{
alert("Your browser does not support XMLHTTP!");
return;
}
}

//Bind the query string as a URL
function request_url(url){

url=url+"&sid="+Math.random();
xmlhttp.open("GET",url,false);

xmlhttp.send(null);

}

//BIND THE IMAGE ID TO THE QUERY STRING VARIABLE TO THE url variable
function showHint(val)
{

make_httpRequest();

var url = "Test.aspx?prodid="+ val;

request_url(url);

}
</script>
<style type="text/css">

</style>
<style type="text/css">

</style>
</head>
<script type="text/javascript" src="mootools.svn.js"></script>
<script type="text/javascript">
window.addEvent('domready', function(){
var scroll2 = new Scroller('maiin_container', {area: 100, velocity: .12});
// container
$('maiin_container').addEvent('mouseover', scroll2.start.bind(scroll2));
$('maiin_container').addEvent('mouseout', scroll2.stop.bind(scroll2));
});
</script>
<body>
<form id="form1" runat="server">
<div class="slider_con">
<div class="image_con section">
  
</div>
<div id="maiin_container">
<div class="main-content" id="Div1">
<%
string connectionString = @"Data Source=174.37.88.148;Initial Catalog=lalith_db;uid=lalitha_jew;pwd=lalitha1234";
string query = "SELECT prod_id, prod_itemcode, prod_title, prod_thumbnailimage FROM dbo.products WHERE cat_id="+22+"and prod_topfive = 'yes' UNION SELECT prod_id, prod_itemcode, prod_title, prod_thumbnailimage FROM dbo.products WHERE cat_id="+22+"and prod_topfive = 'no'";

SqlConnection conn = new SqlConnection(connectionString);
try
{
conn.Open();
}
catch(Exception ex)
{
conn.Close();
}
SqlDataReader reader;
using (reader = new SqlCommand(query, conn).ExecuteReader())
{
if (reader.HasRows)
{
while (reader.Read())
{
int id = reader.GetInt32(reader.GetOrdinal("prod_id"));
string prod_itemcode = reader.GetString(reader.GetOrdinal("prod_itemcode"));
string prod_title = reader.GetString(reader.GetOrdinal("prod_title"));
string prod_thumbnailimage = reader.GetString(reader.GetOrdinal("prod_thumbnailimage"));

int i = prod_thumbnailimage.IndexOf('b');
string url = prod_thumbnailimage.Substring(i);

%>
<div class="section">
<a href="#" id='<%= id %>' onclick='getValue(<%= id %>)'><img id="img" src='<%= url %>' alt='<%= prod_title %>' /></a>
</div>
<% }
}
} %>
</div>
</div>
</div>
</form>
</body>
</html>

Call Background Images Specific To Browser Size?

Similar Tutorials

i have been trying all sorts of things, but falling short... i'm trying to set up a way to detect a user's browser size and then call a specific background image accordingly...

say (for example) that BKGD1.jpg is for users who have browsers that are 1280x1024 and higher; BKGD2.jpg is for users who have browsers that are smaller than 1280x1024...

i'm even open to an option that only displays a background image if the browser is (as in the example above) 1280x1024, and just a background color if the browser is smaller than that...

i don't know... i am totally lost on this one... any help would be amazing!!! thank you...

Looking For A Specific Java Script Code

Similar Tutorials

hello, i am looking a a specific javascript code for a school project. what the code does is it re-sizes your window to a specific size, and then makes it jump around to the four corners of your screen. a perfect example of this would be the rick roll site called
http://www.20b.org/rickroll.html
its best viewed in internet explorer, and will take effect after you allow it on the top pop up window. it seems that the latest version of firefox disables the window resizing and movement, so use IE. after examining the page source, i managed to find this code.

window.resizeTo(640,625);
window.moveTo(0,0);
for (i = 1; i <= 9; i++){
setTimeout('window.moveTo(1599,1199);', i+"000");
i++;
setTimeout('window.moveTo(0,1199);', i+"000");
i++;
setTimeout('window.moveTo(1599,0);', i+"000");
i++;
setTimeout('window.moveTo(0,0);', i+"000");
}

the code worked perfectly on the macs used at school. but however, when i took it home and tried it on my PC, which has a different sized monitor, it didnt work right. my copied code section seemed to jump off the edges of the screen, like it was using the size of a Macs monitor, yet the original website works fine. this led me to believe that the source code seems to find the size of the monitor and adjust the position of where it moves. i cant seem to find that part of the code. any help would be appreciated

Displaying Html Code Only On Specific Pages

Similar Tutorials

Basically what I need to do is cause a bit of HTML to only display on a specific page. I have figured out how to do most of the work i.e. figuring out what page that the code is being displayed on, etc. However, for some reason the DOM element that I am using will not update based on the Javascript. I have searched the Internet for a solution and unfortunately I have found none.
Here is the version of the code that I am currently working on:
Code:

<html>
<head>
<script type="text/javascript">
window.onload = function DisplayButton() {
  var DesiredPage = 'Page to Display';
  //Page that I want the code to display on
  var sPath = window.location.pathname;
  var sPage = sPath.substring(sPath.lastIndexOf('/') + 1);
  //This determines and places in a variable what page that the code will be on
  if (sPage == DesiredPage) {
	document.getElementById('HiddenCode').style.display = "block";
  }
}
</script>
<p Id="HiddenCode" style="display:none">Code only to be displayed on indicated page</p>
</head>
</html>

I am somewhat new to Javascript so I feel like I might be missing something obvious here.

Thank You to anyone who can help.
Zbot

How Do I Run Code On A Specific Form When There Are Multiple Forms?

Similar Tutorials

I have a document that contains four forms. I want to run a function only in the form the user is currently in. I keep getting the "document.my_form_name is undefined" error. I've tried all sorts of ways of doing this but can't find a solution.

Here's a snippet of the HTML:
Code:

<form id="my_form_1" name="my_form_1" action="some action" method="POST">

	// in here I call the function onchange_display_sel_droplist and
	// pass through the name of the form

</form>

<form id="my_form_2" name="my_form_2" action="some action" method="POST">
	bla bla
</form>

Here's the part of the function in question:
Code:

function onchange_display_sel_droplist(my_value, my_object, my_text_obj, my_form_name)
{	
	
		//	create array with all the divs found
	var arr = new Array();
	arr = document.my_form_name.getElementsByTagName( "div" );

		//	loop through array
	for(var i=0; i < arr.length; i++)
	{
    var tagId = document.my_form_name.getElementsByTagName( "div" ).item(i).id;

    	//	find all the divs with ID "my_selected_div__"
    if ( tagId.indexOf("add_selected_div__") > -1 )
    {
    		//	hide all
			document.my_form_name.getElementById(tagId).style.display = "none";
    }
	}
		//	display selected object (droplist)
	document.my_form_name.getElementById(my_object).style.display = "";
}

Browser Detect

Similar Tutorials

I am attempting to make an page on my website where visitors can set my website as their homepage. I am trying to make my website read which browser my visitors are using and then redirects them to the page for the right browser where I can tell them how they can set my website as their homepage.
Basically I need exactly the same thing as THIS. Could you explain to me in plain English how I can realize this.
This is what I know have:

Code:

<table width="759" border="0" align="center" cellpadding="0" cellspacing="0" >
  <tr align="center">
    <td width="378" height="28" align="right">Selecteer jouw browser   </td>
    <td width="16"></td>
    <td width="365" align="left"><form id="browserSelection" name="browserSelection" action="customizeBrowser" method="GET"><select name="browser" size="1" id="browser" onchange="document.browserSelection.submit();"><option value="ff" selected>Firefox</option><option value="ie">Internet Explorer</option><option value="chrome">Chrome</option><option value="opera">Opera</option><option value="safari">Safari</option></select></form></td>
  </tr>
</table>

________________________________________

Please tell me if I make any English mistakes in my posts. I am trying to write as perfectly possible.

Detect Browser

Similar Tutorials

hey all

is there a code where I can detect if the browser is IE6 or IE7 and send them to another webpage?

my current design is not compatible with IE6 or 7 and i want to make a new page that's compatible.

thanks!

Out Localstorage For A Specific Key

Similar Tutorials

I am working on a Phonegap app that sends emails that consist of form data that is filled out within the app.

I need my app to send the emails which I have sorted out. The second part of the app needs to store the email subject of all the mails that are sent in local storage and then in a separate function needs to output all the saved data and send it.

I will post my full code below and comment the important bits.

Code:

 function sendMail(imageURI, click){

                var d = new Date();
                var dat = d.getDate();
                var mon = d.getMonth();
                var year = d.getFullYear();
                var hours = d.getHours();
                var minutes = d.getMinutes();
                var seconds = d.getSeconds();
                var todayDate = dat+'-'+mon+'-'+year+' | '+hours+':'+minutes+':'+seconds;
                var agent = $('#agent').val();
                var depot = $('#selection').val();
                var date = $('#free').val();
                var newURI = imageURI.replace("file:///storage/emulated/0/DCIM/Camera/","");

               /* -----> the variable that needs to be stored */ var newFileName = 'N' + result + '_' + agent + '_' + todayDate + '_' + newURI + '_' + depot + '_' + date;

                

              /*  -----> storing the variable */  var temp = localStorage.getItem('newFileName');
                var somearray=temp.split(',');
                somearray_length=somearray.length;
                somearray[somearray_length]=newFileName;
                var somestring=somearray.join(',');
                localStorage.setItem('newFileName',somestring); /*  <----- storing the variable */

                
                var largeImage = document.getElementById('largeImage');
                largeImage.style.display = 'block';
                largeImage.src = imageURI;
                cordova.plugins.email.addAlias('gmail', 'com.google.android.gm');
                cordova.plugins.email.open({
                    app: 'gmail',
                    to: 'blah@gmail.com',
                    subject: newFileName,
                    body: '<ul><li style="font-weight:bold;text-decoration: underline;"><b><u>File: </b></u></li><li>'+newURI+'</li><br><li style="font-weight:bold;text-decoration: underline;"><b><u>Agent Name: </b></u></li><li>'+agent+'</li><br><li style="font-weight:bold;text-decoration: underline;"><b><u>Next Scheduled Date: </b></u></li><li>'+date+'</li><br><li style="font-weight:bold;text-decoration: underline;"><b><u>Scanned: </b></u></li><li>'+todayDate+'</li><br><li style="text-decoration: underline;font-weight:bold;"><b><u>Depot: </b></u></li><li>'+depot+'</li></ul>',
                    attachments: [imageURI],
                    isHtml:  true
                });

            };

            /* -----> The second function */ function endOfDay(data){
                var d = new Date();
                var dat = d.getDate();
                var mon = d.getMonth();
                var year = d.getFullYear();
                var hours = d.getHours();
                var minutes = d.getMinutes();
                var seconds = d.getSeconds();
                var todayDate = dat+'-'+mon+'-'+year+' | '+hours+':'+minutes+':'+seconds;
                ending=localStorage.getItem('newFileName');
                var salesman = $('#agent').val();
                var newsFileName = 'End of Day Report for Agent: ' + salesman + '|' + todayDate;

                
                cordova.plugins.email.addAlias('gmail', 'com.google.android.gm');
                cordova.plugins.email.open({
                    app: 'gmail',
                    to: 'seth.v.staden@gmail.com',
                    subject: newsFileName,
                    body: 'end of day report: <br>' + ending,
                    isHtml:  true
                });

                localStorage.setItem('newFileName','');  

            };

my problem is that instead of outputting all the sent subjects that have been stored like so: "subject 1, subject 2, subject 3, etc..." it is outputting it as the latest mail that was sent, i.e. "subject 3, subject 3".

I have no clue why this is going wrong or how to fix it... any help would be greatly appreciated.

Reply With Quote

01-15-2015, 11:13 PM #2
Old Pedant View Profile View Forum Posts

Supreme Master coder! Join Date Feb 2009 Posts 28,311 Thanks 82 Thanked 4,754 Times in 4,716 Posts

Instead of doing all this tortu Code:

var temp = localStorage.getItem('newFileName');
                var somearray=temp.split(',');
                somearray_length=somearray.length;
                somearray[somearray_length]=newFileName;
                var somestring=somearray.join(',');
                localStorage.setItem('newFileName',somestring);

Why not simply do Code:

    localStorage.setItem('newFileName', localStorage.getItem('newFileName') + "," + newFilename );

Though I admit I don't see why your code won't work. It just causes a bunch of unneeded overhead.

**********

COMMENTARY: I think your dates will be unreadable by humans.
var mon = d.getMonth();
That will get a ZERO for January, 1 for February, etc. For human readable, you should do
var mon = d.getMonth() + 1;

Specific Menu?

Similar Tutorials

Hey,

I'm working on a large demo created with html/css. It has well over a hundred pages with a left column navigation of normal links. I am trying to make this demo product specific with a page asking what product they are using before they enter the demo. Based on the users selection I want to have some of the pages be more product specific with different content and hide some pages.

To create this I could just duplicate my html files to have one for each product with its respective navigation (basically resulting in two seperate demos). That however would be a nightmare for future updates. Anyone know how to script this? Any help would be awesome!

Displaying Specific Day

Similar Tutorials

I am having a problem with my homework displaying an iframe using JavaScript.
My homework states:

Insert a script element that does the following:

part a. Insert the following multiline comment:
Display the daily schedule in an inline frame. Daily schedules are stored in the files
sunday.html through saturday.htm.

part b.
Insert a command to write the HTML code
<iframe src="weekday.htm'></iframe>

to the Web page, where weekday is the text string returned by the weekDay() function.

What I have so far:
<script type= "text/javascript">
/* Display part a */

document.write("<iframe src='weekday.htm'></iframe">;
</script>

My Question:
How do I display weekday.htm within my script on a specific day using the function weekDay() function.

below is my weekDay() function:
function weekDay(){
thisDate = new Date();
var thisWDay=thisDate.getDay();
var wdName = new Array("sunday", "monday", "tuesday", "wednesday",
"thursday", "friday", "saturday");
return wdName[thisWDay];
}

How To Detect Plugin In Ie Browser

Similar Tutorials

Hi.. Anyone can help me to reslove tis..

How to detect iTune plugin in IE Browser...Am using navigator.plugins[] array..its working in firefox,chrome but i need for IE browser..pls help on tis very urgent..

Show/hide Div On Specific Url

Similar Tutorials

Hi,

I'll explain my situation:

I'm completely new to javascript so what i want to do is make a script that shows a specific div when the visitor is at the homepage but hide it when hes in another page of my website. i've read some people trying to explain it to someone else but it seems that i need to learn many aspects of the javascript language to edit it to my needs.

I'm a med student and im really tight in my schedule and have almost no extra time to sit and read about javascript just so i can do this one specific thing.

Would you please help me out? I've been trying to figure this out on my own for the past 3 days with no success.

I will greatly appreciate it if someone helps me. PLEASE...

Keep Dates Within Specific Range

Similar Tutorials

Hi I'm relatively new to Javascript and I'm trying to
learn more about dates my problem is as follows

I have to do validation on a form for 2 dates(StartDate and EndDate)
the dates cannot be more than four months apart if they are
an alert must be displayed. In other words Nov 2009 till March 2010 or May 2009 till September 2009 should be invalid regardless of the day of the month

Simply 2 input boxes(StartDate and EndDate) and a submit
I've got the other parts of my page worked out just this has me stumped

I would appreciate any help in this regard

Thank You for your time

Locating Specific Input Tag Within A Td Tag With No Id And No Name

Similar Tutorials

Ok, here is the scenario...

We have a commercial shopping cart software installed on our website and since it is proprietary, we do not have access to source code. But they do allow you to include custom javascript on the web pages that they generate.

What I want to do is add some text after a specifc INPUT tag that appears on the page within a TD tag. The problem is, that they do not have any specifc ID assigned to the INPUT or TD tag, and although the INPUT tag has a name assigned to it, the name is used in other tags as well and is not unique.

Below is the code that I used to solve the problem, but I want to know if there is a more efficient way to do it... Basically my code grabs every TD tag on the page, and then loops thru all of them looking for the specifc INPUT tag characteristics and then inserts the text afterwards (it needs to work in both Firefox and IE so you cannot use innerHTML).

Thanks in advance for any suggestions!

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <title></title>
  <script type="text/javascript">
    function myLoad() 
    {
      var _match = false;
      var _tdcells = document.getElementsByTagName('td');
      var _len = _tdcells.length;
      for (var _i=0; _i<_len; _i++) {
        _child = _tdcells[_i].childNodes;
        _child_len = _child.length;
        for (_j=0; _j<_child_len; _j++) {
          if ( (_child[_j].nodeType == 1) && (_child[_j].attributes.getNamedItem('name').value == 'zip_code') && (_child[_j].attributes.getNamedItem('onchange').value == 'zip_changed();') && (_child[_j].attributes.getNamedItem('type').value == 'text')  && (_child[_j].attributes.getNamedItem('size').value == '10')) 
          {
            _cell = _i + 1;
            alert('Found a match in cell number '+_cell);
            _match = true;       
            var old_node = _child[_j];
            var new_node = document.createTextNode(' New Text!');
            //Insert Before usually inserts before the element, but using targetElement.nextSibling inserts it after instead!!
            _tdcells[_i].insertBefore(new_node, old_node.nextSibling);
          }
        }
      }
      if (_match !== true) 
      {
        alert('no match found');
      }
    }
  </script>
  </head>
  <body onLoad="myLoad();">
    <table class="zipncountry" border="1">
      <tr> 
        <td>1</td> 
        <td>2</td> 
        <td>3</td> 
      </tr> 
    </table>
    <br>
    <table border="3">
      <tr>
        <td>4</td>
        <td>5</td>
        <td><input type="text" name="zip_code" value="123" size=10 maxlength=20 onChange="zip_changed();"><input type="hidden" name=zip_code value="321" size=10 maxlength=20 ></td> 
      </tr> 
    </table>
    <br>
    <table class="zipncountry" border="5">
      <tr> 
        <td>7</td> 
        <td>8</td> 
        <td>9</td> 
      </tr> 
    </table>
  </body>
</html>

Need A Specific Script For Dog Rescue

Similar Tutorials

I am looking for a specific JS which calculates the number of pets killed today in CA as well as the amount of taxpayer dollars spent - similar to the ones made for those who have quit smoking, how many cigarettes they have not smoked, how much money they have saved, etc. The starting point would be January 1, 2010 and each day it would take the number of days so far in the year times two known factors. I know the state kills 786 pets a day as well as the daily cost to taxpayers is $392,671. Even two different scripts would work for us.

I want to drop this JS or html onto a page similar to the Doomsday clock as a shock value to those who aren't aware of how many pets have had to die so far this year or how many taxpayer dollars were spent to house, feed and adopt and/or kill those pets not adopted in our state.

HELP! I know enough JS and HTML to be dangerous (as you can see from our website - http://www.tinylovingcanines.org) so as much as I search and try to build one myself, I can't get seem to make this project work. THANK YOU for any help!!!

If Condition On A Specific Value Of Array

Similar Tutorials

Hi to All,

I have two menus, related each other, in this way:

<head>
var sum_db = new Object()
sum_db["email1"] = [{value:"I01 - Problems of one level", text:"I01 - Problems of one level"},
{value:"I02 - Problems RDM", text:"I02 - Problems RDM"},
{value:"Free Text", text:"Free Text "}];
sum_db["email2"] = [{value:"I03 - Various", text:"I03 - Various"}];
//
//
function setIssue(chooser) {
var newElem;
var where = (navigator.appName == "Microsoft Internet Explorer") ? -1 : null;
var Iss_Chooser = chooser.form.elements["iss_sum"];
while (Iss_Chooser.options.length) {
Iss_Chooser.remove(0);
}
var choice = chooser.options[chooser.selectedIndex].value;
var db = sum_db[choice];
if (choice == "email1") {
newElem = document.createElement("option");
newElem.text = "Choose an issue ...";
newElem.value = "Choose Issue ...";
Iss_Chooser.add(newElem, where);
}
for (var i = 0; i < db.length; i++) {
newElem = document.createElement("option");
newElem.text = db[i].text;
newElem.value = db[i].value;
Iss_Chooser.add(newElem, where);
if ((choice == "email1") && (db[i].text.indexOf('Free Text')==0)) { document.getElementById("label_des").style.display=""; }
else { document.getElementById("label_des").style.display="none"; }
}
}
//
</script>
</head>

<body>
<form>
<select size="1" name="mess" id="mess" onchange="setIssue(this)">
<option value="email1" selected>email1</option>
<option value="email2">email2</option>
</select>
....
....
<select id="iss_sum" name="iss_sum">
<option value="<%=objRS("Issue_Summary")%>" selected><%=objRS("Issue_Summary")%></option>
</select> <label for="iss_des" id="label_des" style="display:none; vertical-align:top">Description:<textarea id="iss_des" name="iss_des"><%=objRS("Issue_Description")%></textarea>
</label>

My problem is:
I would like that if I select ONLY email1 and ONLY the option "Free Text", appears the textarea with label Description.
Up to know if one selects email1, automatically the textarea appears near for every option; it seems that the condition of the if is not respected !!!

Thanks a lot in advance !!!

Uncheck Checkboxes Within A Specific Div?

Similar Tutorials

Is it possible to use Javascript to uncheck all checkboxes that appear within a specific div?
I'm already using names/ids for each checkbox, and these are generated dynamically, so I cant really apply a group to all the checkboxes I want to untick.

2 Specific Actions In 1 Button

Similar Tutorials

Hi there! I've been searching for threads to solve my problem but I don't have the knowledge necessary to figure it out (you know, graphic designers....) so your help will be very appreciated!!!

Here's the problem :

I have a div named "cat" that I want to hide with a Javascript:animatedcollapse (slideup) action. The action is linked externally on another page.

This is the line/link that hides it :
<a href="javascript:animatedcollapse.hide('cat')">Hide the div<br/>

It works fine.

But, I want this action to happen at the same time that you press another link (that other link opens a page in an iframe).

This is the iframe link :
<p><a href="page.html" target="iframe">Open link in iframe</a></p>

Both links work fine. But i want to merge the two together. How?

Thanks in advance!

Javascript Specific Calculator

Similar Tutorials

Hello everyone, wondering if I could get some help. I have not done anything with html and javascript until this afternoon and funnily enough I'm struggling a tad
I am creating a free website about the dangers of chocolate for dogs. Basically I need a calculator to calculate the toxic amount for the user input of their dogs weight in kgs. I figured doing one for each type of chocolate would be easier than doing something where a box was ticked for each type of chocolate so have been trying to do one for milk chocolate first.
This is my feeble attempt, it looks good but doesnt work, my javascript is clearly majorly wrong somewhere!
<html>
<head>
<script language="JavaScript">

function calc(form)
{
var f = parseFloat(form.kg.value);
var T = 0;
T = (f/0.45)*28.35;
form.answer.value = T;
}
// done hiding from old browsers -->
</script>
</head>
<body>
<FORM>
<h2>Toxic dose of milk chocolate</h2>
Enter dogs weight in kg:
<INPUT NAME="kg" VALUE="0" MAXLENGTH="100" SIZE=25>
<p>
Click to calculate toxic dose in grammes:
<INPUT NAME="calc" VALUE="Calculate" TYPE=BUTTON
onClick=kg(this.form)>
<p>
Toxic amount of milk chocolate is:
<INPUT NAME="g" READONLY SIZE=25>
</FORM>
</body>
</html>
Can anybody help?
Thanks in advance.

Looking For Specific Vertical Scroller

Similar Tutorials

I can't seem to find what I need but I know it exists. I trying to find a vertical scroller that will automatically have the text scroll upwards but have an arrow above and arrow below to be able to control the direction of the scrolling text, or a script with no arrows but still allow me to take control by mousing over the text to scroll up or down.

Thanks