|
JavaScript - Why Wont This Work Offline When Saved
http://www.dyn-web.com/tutorials/iframes/refs.php
I dont get it Similar TutorialsHi Guys, im using chrome and ff and it worked fine till i tested on ie7 and the form just wont send on ie7. it gives me a validation error msg "SOME VALUES ARE NOT ACCEPTABLE" when i try to submit. ive tried so many things and i cant figure out why ie7 wont send upon submit like ff does, code seems to be fine, pls see validation coding line 7 - 32 , any jsGURU advice will be much appreciated! Code: <?php defined('_JEXEC') or die('Restricted access'); ?>
<?php JHTML::_('behavior.formvalidation'); ?>
<script language="javascript" type="text/javascript">
function submitbutton(pressbutton)
{
var form = document.adminForm;
if (pressbutton == 'cancel') {
submitform( pressbutton );
return;
}
// do field validation
if (document.getElementById('jformfirstname').value == ""){
alert( "<?php echo JText::_( 'Firstname is missing.', true ); ?>" );
} else if (document.getElementById('jformsurname').value == ""){
alert( "<?php echo JText::_( 'Surname is missing.', true ); ?>" );
} else if (document.getElementById('jformemail').value == ""){
alert( "<?php echo JText::_( 'Email is missing.', true ); ?>" );
} else if (document.getElementById('jformphone1').value == ""){
alert( "<?php echo JText::_( 'Phone1 is missing.', true ); ?>" );
} else {
if (document.formvalidator.isValid(form)) {
submitform( pressbutton );
}
else {
alert("<?php echo JText::_( 'SOME VALUES ARE NOT ACCEPTABLE.', true ); ?>");
}
}
}
</script>
<?php if ($this->courseid){ ?>
<?php if ( $this->params->def( 'show_page_title', 1 ) ) : ?>
<div class="componentheading<?php echo $this->params->get( 'pageclass_sfx' ); ?>">
<?php echo $this->courseDetails->title; ?>
</div>
<?php endif; ?>
<h3>Course Details</h3>
<table cellSpacing=0 cellPadding=5 width="90%" border=0>
<tr>
<td width="20%"><?php echo JText::_( 'Course Title' ); ?>:</td>
<td width="30%"><?php echo $this->courseDetails->title;?></td>
<td width="20%"><?php echo JText::_( 'Code' ); ?>:</td>
<td width="30%"><?php echo $this->courseDetails->code;?></td>
</tr>
<tr>
<td><?php echo JText::_( 'Price' ); ?>:</td>
<td><?php echo (number_format($this->courseDetails->price,2));?></td>
<td><?php echo JText::_( 'No. of Days' ); ?>:</td>
<td><?php echo $this->courseDetails->capacity;?></td>
</tr>
<tr>
<?php if ($_GET['hide'] != 1 ) { ?>
<td><?php echo JText::_( 'Location' ); ?>:</td>
<td><?php echo $this->courseDetails->course_location;?></td>
<?php
}
else
{
echo "<td> </td>";
echo "<td> </td>";
}
?>
</tr>
<tr>
<?php if ($_GET['hide'] != 1 ) { ?>
<td><?php echo JText::_( 'Start Date' ); ?>:</td>
<td><?php echo Date('d-M-y', strtotime($this->courseDetails->start_date));?></td>
<?php
}
else
{
echo "<td> </td>";
echo "<td> </td>";
}
?>
</tr>
</table>
<?php } ?>
<?php if ( $this->params->def( 'show_course_sessions', 1 ) && ($this->courseid) ) : ?>
<h3>Sessions</h3>
<table cellSpacing=0 cellPadding=5 width="90%" border=0>
<tr>
<td width="20%" align="center" height="20" class="sectiontableheader<?php echo $this->params->get( 'pageclass_sfx' ); ?>">
<?php echo JText::_('Day'); ?>
</td>
<td width="20%" align="center" height="20" class="sectiontableheader<?php echo $this->params->get( 'pageclass_sfx' ); ?>">
<?php echo JText::_('Start Time'); ?>
</td>
<td width="20%" align="center" height="20" class="sectiontableheader<?php echo $this->params->get( 'pageclass_sfx' ); ?>">
<?php echo JText::_('Finish Time'); ?>
</td>
<td width="10%" align="center" height="20" class="sectiontableheader<?php echo $this->params->get( 'pageclass_sfx' ); ?>">
<?php echo JText::_('Duration'); ?>
</td>
<td width="30%" align="center" height="20" class="sectiontableheader<?php echo $this->params->get( 'pageclass_sfx' ); ?>">
<?php echo JText::_('Location'); ?>
</td>
</tr>
<?php
$k = 0;
$n=count( $this->course_sessions );
if ($n > 0){
for ($i=0, $n; $i < $n; $i++)
{
$row = &$this->course_sessions[$i];
?>
<tr>
<td align="center">
<?php echo $row->session_day;?>
</td>
<td align="center">
<?php echo date('H:i', strtotime($row->start_time));?>
</td>
<td align="center">
<?php echo date('H:i', strtotime($row->finish_time));?>
</td>
<td align="center">
<?php echo $row->duration;?>
</td>
<td align="center">
<?php echo $row->session_location;?>
</td>
</tr>
<?php
$k = 1 - $k;
}
} else {
?> <tr> <td colspan="5"><? echo JText::_( 'There are no sessions for this course' );?></td></tr><?php } ?>
</table>
<?php endif; ?>
<form action="<?php echo $this->action ?>" method="post" name="adminForm" id="adminForm" class="form-validate">
<?php if ( $this->params->def( 'show_page_title', 1 ) ) : ?>
<div class="componentheading<?php echo $this->params->get( 'pageclass_sfx' ); ?>">
<?php echo $this->escape($this->params->get('page_title')); ?>
</div>
<?php endif; ?>
<table cellpadding="4" cellspacing="1" border="0" width="100%">
<tr>
<td width="15%">
<label for="jformcourseid">
<?php echo JText::_( 'Course' ); ?>:
</label>
</td>
<td>
<?php echo $this->lists['courseid'];?>*
</td>
</tr>
<?php if ($_GET['hide'] == 1 ) { ?>
<tr>
<td valign="top">
<label for="jformcity">
<?php echo JText::_( 'I want to attend this course here' ); ?>:
</label>
</td>
<td width="80%">
<select class="required" type="text" id="jformcountry" name="jform[country]" value="<?php echo $this->escape($this->booking->country);?>" />*
<option>Choose your Location</option>
<option>Melbourne</option>
<option>Sydney</option>
<option>Auckland</option>
</select>
</td>
</tr>
<?php
}
?>
<tr>
<td valign="top">
<label for="jformfirstname">
<?php echo JText::_( 'Firstname' ); ?>:
</label>
</td>
<td width="80%">
<input class="required" type="text" id="jformfirstname" name="jform[firstname]" size="50" maxlength="250" value="<?php echo $this->escape($this->booking->firstname);?>" />*
</td>
</tr>
<tr>
<td valign="top">
<label for="jformsurname">
<?php echo JText::_( 'Surname' ); ?>:
</label>
</td>
<td valign="top">
<input class="required" type="text" id="jformsurname" name="jform[surname]" size="50" maxlength="250" value="<?php echo $this->escape($this->booking->surname);?>" />*
</td>
</tr>
<?php if($this->userid > 0) { ?>
<tr>
<td valign="top">
<label for="jformusername">
<?php echo JText::_( 'Username' ); ?>:
</label>
</td>
<td width="80%">
<input class="required" type="text" id="jformusername" name="jform[username]" size="50" maxlength="100" value="<?php echo $this->escape($this->username);?>" READONLY/>*
</td>
</tr>
<?php } ?>
<tr>
<td valign="top">
<label for="jformdepartment">
<?php echo JText::_( 'Company' ); ?>:
</label>
</td>
<td width="80%">
<input class="inputbox" type="text" id="jformdepartment" name="jform[department]" size="50" maxlength="30" value="<?php echo $this->escape($this->booking->department);?>" />
</td>
</tr>
<tr>
<td valign="top">
<label for="jformemail">
<?php echo JText::_( 'Email' ); ?>:
</label>
</td>
<td width="80%">
<input class="validate-email" type="text" id="jformemail" name="jform[email]" size="50" maxlength="100" value="<?php echo $this->escape($this->email);?>"/>*
</td>
</tr>
<tr>
<td valign="top">
<label for="jformphone1">
<?php echo JText::_( 'Phone Number' ); ?>:
</label>
</td>
<td width="80%">
<input class="required" type="text" id="jformphone1" name="jform[phone1]" size="50" maxlength="20" value="<?php echo $this->escape($this->booking->phone1);?>" />*
</td>
</tr>
<tr>
<td valign="top">
<label for="jformcity">
<?php echo JText::_( 'Locations' ); ?>:
</label>
</td>
<td width="80%">
<select type="text" id="jformcity" name="jform[city]" value="<?php echo $this->escape($this->booking->city);?>" />
<option>Choose your Location</option>
<option>Melbourne</option>
<option>Sydney</option>
<option>Auckland</option>
</select>
</td>
</tr>
<tr>
<td valign="top">
<label for="jforminstitution">
<?php echo JText::_( 'Referral Source' ); ?>:
</label>
</td>
<td width="80%">
<select type="text" id="jforminstitution" name="jform[institution]" value="<?php echo $this->escape($this->booking->institution);?>" />
<option>How did you find out about us?</option>
<option>Search Engine</option>
<option>Friends</option>
<option>Others</option>
</select>
</td>
</tr>
<tr>
<td valign="top">
<label for="jformdescription">
<?php echo JText::_( 'Comments' ); ?>:
</label>
</td>
<td>
<textarea class="inputbox" cols="47" rows="6" id="jformdescription" name="jform[description]"><?php echo $this->escape( $this->booking->description);?></textarea>
</td>
</tr>
</table>
<div>
<button type="button" class="button validate" onclick="submitbutton('save')">
<?php echo JText::_('Save') ?>
</button>
<button type="button" onclick="submitbutton('cancel')">
<?php echo JText::_('Cancel') ?>
</button>
</div>
<input type="hidden" name="jform[id]" value="<?php echo $this->booking->id; ?>" />
<input type="hidden" name="jform[ordering]" value="<?php echo $this->booking->ordering; ?>" />
<input type="hidden" name="jform[approved]" value="<?php echo $this->booking->approved; ?>" />
<input type="hidden" name="jform[userid]" value="<?php echo $this->userid; ?>" />
<input type="hidden" name="option" value="com_courseman" />
<input type="hidden" name="controller" value="booking" />
<input type="hidden" name="task" value="" />
<?php echo JHTML::_( 'form.token' ); ?>
</form>
</br>
Fields marked with an asterisk (*) are required.
</br>
</br>
This will work in firefox but not IE. Any alternative I am new to coding and not sure how to do this. Code: <div id="leftnav">
<ul>
<li><a href="home.html"><img src="home1.gif"
onmouseover="document.homeb.src='home2.gif';"
onmouseout="document.homeb.src='home1.gif';" id=
"homeb" alt="home1"></a></li>
<li><a href="striping.html"><img src="striping.gif"
alt="striping" id="striping" onmouseover=
"document.striping.src='striping2.gif';"
onmouseout="document.striping.src='striping.gif';">
</a></li>
<li><a href="design.html"><img src="design.gif"
alt="design" id="design" onmouseover=
"document.design.src='design2.gif';" onmouseout=
"document.design.src='design.gif';"></a></li>
<li><a href="lettering.html"><img src=
"lettering.gif" alt="lettering" id="lettering"
onmouseover=
"document.lettering.src='lettering2.gif';"
onmouseout=
"document.lettering.src='lettering.gif';"></a></li>
<li><a href="contact.html"><img src="contact.gif"
alt="contact" id="contact" onmouseover=
"document.contact.src='contact2.gif';" onmouseout=
"document.contact.src='contact.gif';"></a></li>
</ul>
</div>
Problem solved, thanks for looking.
hey all, what it says in the title, this block of code wont work and i dont know why. the first prompt box appears but not the "can vote, but can't drink" reply. can anyone offer any ideas? <!DOCTYPE html> <html> <head> <title>legal age</title> <script type="text/javascript"> var your_age = prompt("how old are you?"); if ((age > 18) && (age < 21)) { document.writeln("can vote, but can't drink."); } </script> </body> </html> kind regards, Redd . hello! i created a javascript for opening a page on a new window and added it on an html file. i then used the said html file as the source of my iframe on a joomla page. but the javascript isnt working. any help? the said iframe is called Scroll News on this page: http://dumplingdesigns.freehostia.com/ thanks in advance! HTML: Code: <!-- video player begin --> <div id="playerHolder"> <div class="player" id="playerDiv"> <div id="playerwidget"></div> <div id="adCompanionBanner" style="visibility:hidden;"></div> </div> </div> In firefox, I type Code: javascript:document.getElementById("player").sendEvent(''SEEK", 0);
into the Address bar and hit enter. Why doesn't it work? How do I correctly "seek" a video. Hi I can get both to work separately. If Iput the slideshow below the menu bar in the body it does not play if I put the slideshow first the menu bar does not appear Can anybody help please file uploaded. Im writing a piece of javascript that dynamically adds a link to a page, this is the code i'm using Code: var newP;
newP = document.createElement("a");
newP.innerHTML = "Click here";
newP.setAttribute("href","http://mywebsite.com/link.html");
var p2 = document.getElementById("Div1");
p2.parentNode.insertBefore(newP,p2);
However, it wont work?!?! the link appears in the right place on the page when i remove the line Code: newP.setAttribute("href","http://mywebsite.com/link.html");
and if i view the source the link is <a>Click here</a> (without any href) so there's got to be something wrong with that line but i don't know what it is. Can anyone help me? How do i add a href to the anchor?? I'm using firefox. Hi, any help with this would be very much appreciated. Apologies for cross-posting. I think I ut this in the wrong place to begin with. I have a script containing functions to change an image from clicking a button or changing the selection in a combobox. The buttons either request that the next image in the array is called or the previous, depending on the button. The combo box changes to the chosen image. The script works fine for me in firefox and safari but I can't get it to work in ie and aftermany hours I can't see any reason why. As far as I can work out the problem with the script is in the changeImage function while trying to set the new image. Code: document.images['priceImg'] = followingImg; document.images['priceImg'].src = followingSrc; Thanks in advance. The following is the script: Code:
var followingImg;
var followingSrc;
var presentImg;
var presentSrc;
var count = 0;
// Create an array of price list page images and locations
var numImages = 8;
var pimages=new Array();
pimages[0]=new Image();
pimages[0].src="../images/priceList/price_walls.jpg";
pimages[1]=new Image();
pimages[1].src="../images/priceList/price_nestle.jpg";
pimages[2]=new Image();
pimages[2].src="../images/priceList/price_franco.jpg";
pimages[3]=new Image();
pimages[3].src="../images/priceList/price_ben1.jpg";
pimages[4]=new Image();
pimages[4].src="../images/priceList/price_ben2.jpg";
pimages[5]=new Image();
pimages[5].src="../images/priceList/price_ron.jpg";
pimages[6]=new Image();
pimages[6].src="../images/priceList/price_cartridge_9654.jpg";
pimages[7]=new Image();
pimages[7].src="../images/priceList/price_sun1.jpg";
pimages[8]=new Image();
pimages[8].src="../images/priceList/price_sun2.jpg";
// Retrieves the current image from the image element
function getCurImage() {
if (document.images) {
presentImg = document.images['priceImg'];
presentSrc = document.images['priceImg'].src;
var curId = 0;
// Loops through pimages array to find which image is currently being displayed
for (i=0;i<pimages.length;i++) {
if (pimages[i].src == presentSrc) {
curId = i;
}
}
return curId;
}
}
//**************************//
// I think this is where it has trouble //
//**************************//
// Sets the new image
function changeImg() {
document.images['priceImg'] = followingImg;
document.images['priceImg'].src = followingSrc;
}
// Called by 'next' button.
// Calls getCurrentImg then chooses the next image then calls changeImg.
function slideItForward() {
var curID = getCurImage();
if (count == 0) {
followingImg = pimages[0];
followingSrc = pimages[0].src;
count++;
} else {
// Add one to current image id for next image
var nextId = (curID + 1);
if (nextId <= numImages) {
followingImg = pimages[nextId];
followingSrc = pimages[nextId].src;
// If at end of images stay on same page
} else {
followingImg = document.images['priceImg'];
followingSrc = document.images['priceImg'].src;
}
}
// display new image
changeImg();
setText(nextId);
}
// Called by 'previous' button.
// Calls getCurrentImg then chooses the next image then calls changeImg.
function slideItBackward() {
var curID = getCurImage();
// take one from current image id for next image
var nextId = (curID - 1);
if (nextId >= 0) {
followingImg = pimages[nextId];
followingSrc = pimages[nextId].src;
// If at start of images stay on same page
} else {
followingImg = document.images['priceImg'];
followingSrc = document.images['priceImg'].src;
}
// display new image
changeImg();
setText(nextId);
}
// Called by optionbox "newPage".
// Takes users choice and displays it.
function choosePage(page) {
if (page == 1) {
// Retrieve combobox option and its value
var index = document.getElementById('newPageOne').selectedIndex;
var newId = document.getElementById('newPageOne').options[index].value;
} else {
// Retrieve combobox option and its value
var index = document.getElementById('newPageTwo').selectedIndex;
var newId = document.getElementById('newPageTwo').options[index].value;
}
// Convert string to int
newId = parseInt(newId);
// If new id is default setting do nothing
if (newId == 0) {
return;
// Else choose the image from the pimages array and call changeImg
} else {
// Changes value to accomodate for value vs array position
newId = (newId - 1);
followingImg = pimages[newId];
followingSrc = pimages[newId].src;
// display new image
changeImg();
document.getElementById("newPageOne").value = (newId+1);
document.getElementById("newPageTwo").value = (newId+1);
}
}
// Changes the text in the combobox
function setText(id) {
id = id + 1;
document.getElementById("newPageOne").value = id;
document.getElementById("newPageTwo").value = id;
//document.getElementsByName('newPage').value = id;
}
The following is the relevent section of the html: Code: <input style="margin-bottom:10px; margin-top: 20px" type="button" name="PreBut" value="Previous" onclick="slideItBackward();" /> <input style="margin-bottom:10px" type="button" name="nxtBut" value="Next" onclick="slideItForward();" /> <select style="margin-bottom:10px" name="newPage" id="newPageOne" onchange="choosePage(page = 1);"> <option value="1"> Walls </option> <option value="2"> Nestle, Treats and Cadburies Impulse </option> <option value="3"> Franco, Mars and Ijsboerke Impulse </option> <option value="4"> Bennets Scooping </option> <option value="5"> Bennets Scooping Cont.. </option> <option value="6"> Individual tubs and Ice cream cartridges </option> <option value="7"> Ronaldo Ice creams and Sorbets </option> <option value="8"> Sundries, Cones, etc </option> <option value="9"> Sundries, Cones, etc Cont.. </option> </select> <center> <div id="price-display"> <img src="../images/priceList/price_img1.jpg" id="priceImg" name="priceImg" alt="Robertos Ice cream wholesale pricelist" ></img> </div> </center> <input style="margin-top: 10px" type="button" name="preBut" value="Previous" onclick="slideItBackward();" /> <input type="button" name="nxtBut" value="Next" onclick="slideItForward();" /> <select name="newPage" id="newPageTwo" onchange="choosePage(page = 2);"> <option value="1"> Walls </option> <option value="2"> Nestle, Treats, Cadburies Impulse </option> <option value="3"> Franco, Mars Ijsboerke Impulse </option> <option value="4"> Bennets Scooping </option> <option value="5"> Bennets Scooping Cont.. </option> <option value="6"> Individual tubs and Ice cream cartridges </option> <option value="7"> Ronaldo Ice creams and Sorbets </option> <option value="8"> Sundries, Cones, etc </option> <option value="9"> Sundries, Cones, etc Cont.. </option> </select> Hi guys.. I cant figure out why the validation wont work on the form.. PHP Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Cork Discos Mailing List</title> <link href="css/stylesheet.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="js/form_validation.js"></script> </head> <body> <div id="wrapper"> <div id="star1"> <div id="star2"> <div id="star3"> <div id="star4"> <div id="header"> <h1>Cork Discos Texting Service</h1> </div> <div id="content"> <form name="frm" action="index.html" method="POST" onsubmit="return validateForm()"> <table width="100%" border="0" cellspacing="2" cellpadding="3" class="mainForm"> <tr> <td class="normalText" align="left" style="padding:0px 0px 0px 33px"> <table border="0" cellspacing="3" cellpadding="2"> <tr> <td class="normalHeading" colspan="2" style="padding-bottom:6px"> <div id="error_msg" class="txtErrorMsg" align="center"></div> </td> </tr> <tr > <td class="normalText" width="30%">First Name</td> <td><input type="text" name="firstName" id="firstName" class="input1" style="width:195px" maxlength="10"/></td> </tr> <tr> <td class="normalText">Last Name</td> <td><input type="text" name="lastName" id="lastName" class="input1" style="width:195px" maxlength="10"/></td> </tr> <tr> <td class="normalText">Mobile</td> <td><input type="text" name="mobile" id="mobile" class="input1" style="width:195px" maxlength="10" onkeypress="return fnIsIntNumber(event,this);"/></td> </tr> <tr> <td class="normalText">Email</td> <td><input type="text" name="email" id="email" class="input1" style="width:195px" onblur="IsEmail(this.vlaue)"/></td> </tr> <!-- <tr> <td class="normalText">Date of Birth</td> <td> <select name="date1" style="width:43px"> <option value=1>1</option><option value=2>2</option><option value=3>3</option><option value=4>4</option><option value=5>5</option><option value=6>6</option><option value=7>7</option><option value=8>8</option><option value=9>9</option><option value=10>10</option><option value=11>11</option><option value=12>12</option><option value=13>13</option><option value=14>14</option><option value=15>15</option><option value=16>16</option><option value=17>17</option><option value=18>18</option><option value=19>19</option><option value=20>20</option><option value=21>21</option><option value=22>22</option><option value=23>23</option><option value=24>24</option><option value=25>25</option><option value=26>26</option><option value=27>27</option><option value=28>28</option><option value=29>29</option><option value=30>30</option><option value=31>31</option> </select> <select name="date2" style="width:43px"> <option value=1>1</option><option value=2>2</option><option value=3>3</option><option value=4>4</option><option value=5>5</option><option value=6>6</option><option value=7>7</option><option value=8>8</option><option value=9>9</option><option value=10>10</option><option value=11>11</option><option value=12>12</option> </select> <select name="date3" style="width:102px"> <option value=1955>1955</option><option value=1956>1956</option><option value=1957>1957</option><option value=1958>1958</option><option value=1959>1959</option><option value=1960>1960</option><option value=1961>1961</option><option value=1962>1962</option><option value=1963>1963</option><option value=1964>1964</option><option value=1965>1965</option><option value=1966>1966</option><option value=1967>1967</option><option value=1968>1968</option><option value=1969>1969</option><option value=1970>1970</option><option value=1971>1971</option><option value=1972>1972</option><option value=1973>1973</option><option value=1974>1974</option><option value=1975>1975</option><option value=1976>1976</option><option value=1977>1977</option><option value=1978>1978</option><option value=1979>1979</option><option value=1980>1980</option><option value=1981>1981</option><option value=1982>1982</option><option value=1983>1983</option><option value=1984>1984</option><option value=1985>1985</option><option value=1986>1986</option><option value=1987>1987</option><option value=1988>1988</option><option value=1989>1989</option><option value=1990>1990</option><option value=1991>1991</option><option value=1992>1992</option><option value=1993>1993</option><option value=1994>1994</option><option value=1995>1995</option><option value=1996>1996</option><option value=1997>1997</option><option value=1998>1998</option><option value=1999>1999</option><option value=2000>2000</option><option value=2001>2001</option><option value=2002>2002</option><option value=2003>2003</option><option value=2004>2004</option><option value=2005>2005</option><option value=2006>2006</option><option value=2007>2007</option><option value=2008>2008</option><option value=2009>2009</option><option value=2010>2010</option> </select> </td> </tr> <tr> <td class="normalText">Gender</td> <td valign="middle" valign="middle"> <input type="radio" name="gender" id="genderM" value="Male" /> Male <input type="radio" name="gender" id="genderFM" value="Female" checked/> Female </td> </tr> --> <tr> <td class="normalText">Comments</td> <td> <textarea name="comments" id="comments" cols="22" rows="3" ></textarea> </td> </tr> <tr> <td class="normalText"> </td> <td valign="middle"><input class="send" type="image" value="submit" src="images/submit.gif" name="submit"/></td> </tr> </table> </td> </tr> </table> </form> </div> </div> </div> </div> </div> </div> </body> </html> Here is the js PHP Code: var j = jQuery.noConflict(); function isValidEmail(str) { return (str.indexOf(".") > 2) && (str.indexOf("@") > 0); } function validateForm(){ var firstName; var lastName; var email; var mobile; var comment; var error; firstName = j('#firstName').val(); lastName = j('#lastName').val(); email = j('#email').val(); mobile = j('#mobile').val(); comment = j('#comments').val(); if(firstName=='' || firstName.length < 3){ error = 'Please Enter Your First Name'; j('#errormsg').html('<p class="errors">'+ error +'</p>'); return false; } if(lastName=='' || lastName.length < 3){ error = 'Please Enter Your Second Name'; j('#errormsg').html('<p class="errors">'+ error +'</p>'); return false; } if(email=='' || !isValidEmail(email)){ error = 'Please Enter Your Correct Email'; j('#errormsg').html('<p class="errors">'+ error +'</p>'); return false; } //mob //$jmob_pattern = '^\d{10}$j'; if(mobile.length != 10 || isNaN(mobile)){ error = 'Please Enter Your Correct Mobile Number'; j('#errormsg').html('<p class="errors">'+ error +'</p>'); return false; } if(comment.length < 10){ error = 'Please Enter A Comment More Than 10 Characters'; j('#errormsg').html('<p class="errors">'+ error +'</p>'); return false; } return true; } Can anybody figure it out.. im trying it all morning I'm a real novice and out of my depth with this, i hope someone can help. I have a small script that searches a single page for a keyword, it works fine with IE, but will not work with Firefox. Below is the code thats checks which browser is running and the action to take. Code: var NS4 = (document.layers); var IE4 = (document.all); var win = window; var n = 0; function findInPage(str) { var txt, i, found; if (str == "") return false; if (NS4) { if (!win.find(str)) while(win.find(str, false, true)) n++; else n++; if (n == 0) alert("Not found."); } if (IE4) { txt = win.document.body.createTextRange(); for (i = 0; i <= n && (found = txt.findText(str)) != false; i++) { txt.moveStart("character", 1); txt.moveEnd("textedit"); } Can anyone help me out with this problem. Many thanks Jasper Hi, I've created a gallery with multiple slideshows; each of them show/hide when you click on their corresponding link. The first slideshow appears when the page loads, but the others are hidden with a div style. It works great in most browsers, except Internet Explorer . For some reason, IE only shows part of the slideshows; the whole iframe is there, but only a small portion of the photos appear (although the slideshow itself also continue to run fine). I realized that the problem is the div style (style="display:none; ). When I remove it from all the slideshows, then they appear fully instead of partially in Internet Explorer. However, the purpose of hiding them is defeated, as they all show up at once when the page loads. I want to keep them all hidden until you click on their respective link to show them. The page can be viewed he www.raynemakerimages.com/galleries.html Firefox shows how it should display.... Anyway, I'm looking for a relatively easy fix for this....help is appreciated. Thanks. Coding: Code: <script type="text/javascript" language="JavaScript">
<!--
function HideContent(d) {
document.getElementById(d).style.display = "none";
}
function ShowContent(d) {
document.getElementById(d).style.display = "block";
}
function ShowContent(d) {
if(document.getElementById(d).style.display == "none") { document.getElementById(d).style.display = "block"; }
else { document.getElementById(d).style.display = "none"; }
}
//-->
</script>
The hide/show links: Code: <div align="center" class="class1">
<a href="javascript:ShowContent('family'), HideContent('artistic'),HideContent('intimate'),HideContent('maternity'),HideContent('newborns'),HideContent('miscellaneous')" class="style1 style32">
<span class="class1">Family </span></a>
|
<a href="javascript:ShowContent('artistic'), HideContent('family'),HideContent('intimate'),HideContent('maternity'),HideContent('newborns'),HideContent('miscellaneous')" class="style1 style32">
Artistic </a>
|
<a href="javascript:ShowContent('intimate'), HideContent('family'), HideContent('artistic'),HideContent('maternity'),HideContent('newborns'),HideContent('miscellaneous')" class="style1 style32">
Intimate </a>
|
<a href="javascript:ShowContent('maternity'), HideContent('family'), HideContent('artistic'),HideContent('intimate'),HideContent('newborns'),HideContent('miscellaneous')" class="style1 style32">
Maternity </a>
|
<a href="javascript:ShowContent('newborns'), HideContent('family'), HideContent('artistic'),HideContent('intimate'),HideContent('maternity'),HideContent('miscellaneous')" class="style1 style32">Newborns </a>
|
<a href="javascript:ShowContent('miscellaneous'), HideContent('family'), HideContent('artistic'),HideContent('intimate'),HideContent('maternity'),HideContent('newborns')" class="style1 style32">
Miscellaneous</a><a href="javascript:ShowContent('miscellaneous'), HideContent('family'), HideContent('artistic'),HideContent('intimate'),HideContent('maternity'),HideContent('newborns')" class="style1 style32"></a>
</div>
The slideshows: Quote: <table width="960" border="0" align="center" cellpadding="0" cellspacing="0" style="background-image: url(images/bg3.jpg)"> <tr> <td> <div id="family"> <p align="center"><span class="style33">Family Gallery</span><br /><iframe align="center" src="http://www.flickr.com/slideShow/index.gne?group_id=&user_id=57634260@N08&set_id=72157625563240423&tags=Family" frameBorder="0" width="700" height="700" scrolling="no"></iframe><br/></p></div> </td> </tr> <tr> <td> <div id="intimate" style="display:none;"><p align="center"><span class="style33">Intimate Gallery</span><br /><iframe align="center" src="http://www.flickr.com/slideShow/index.gne?group_id=&user_id=57634260@N08&set_id=72157625563795631&tags=Intimate" frameBorder="0" width="700" height="700" scrolling="no"></iframe><br/></p></div> </td> </tr> <tr> <td > <div id="artistic" style="display:none;"><p align="center"><span class="style33">Artistic Gallery</span><br /><iframe align="center" src="http://www.flickr.com/slideShow/index.gne?group_id=&user_id=57634260@N08&set_id=72157625563696337&tags=Artistic" frameBorder="0" width="700" height="700" scrolling="no"></iframe><br/></p></div> </td> </tr> <tr> <td> <div id="maternity" style="display:none;"><p align="center"><span class="style33">Maternity Gallery</span><br /><iframe align="center" src="http://www.flickr.com/slideShow/index.gne?group_id=&user_id=57634260@N08&set_id=72157625563996323&tags=Maternity" frameBorder="0" width="700" height="700" scrolling="no"></iframe><br/></p></div> </td> </tr> <tr> <td> <div id="newborns" style="display:none;"><p align="center"><span class="style33">Newborns Gallery</span><br /><iframe align="center" src="http://www.flickr.com/slideShow/index.gne?group_id=&user_id=57634260@N08&set_id=72157625563996817&tags=Newborns" frameBorder="0" width="700" height="700" scrolling="no"></iframe><br/></p></div> </td> </tr> <tr> <td> <div id="miscellaneous" style="display:none;"><p align="center"><span class="style33">Miscellaneous Gallery</span><br /><iframe align="center" src="http://www.flickr.com/slideShow/index.gne?group_id=&user_id=57634260@N08&set_id=72157625689475348&tags=Miscellaneous" frameBorder="0" width="700" height="700" scrolling="no"></iframe><br/></p></div> </td> </tr> </table> hi, I have to dynamically add images into a div. I am able to do this and perform action on the image locally. If i host it to the server iam not able to see the image it only displays x. But i am able to perform some action on the newly added image. Following is the code i have tested offline and online Code: <html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JavaScript: Moving an Image</title>
<script language="javascript" type="text/javascript">
var currImage=null;
var maxWidth=100;
var maxHeight=100;
var fileTypes=["bmp","gif","png","jpg","jpeg"];
function preview(what)
{
var source=what.value; var imgW,imgH, path;
var ext=source.substring(source.lastIndexOf(".")+1,source.length).toLowerCase();
for (var i=0; i<fileTypes.length; i++) if (fileTypes[i]==ext) break;
if (i<fileTypes.length)
{
var ni = document.getElementById('myDiv');
var numi = document.getElementById('theValue');
var num = (document.getElementById('theValue').value -1)+ 2;
numi.value = num;
var newImg = document.createElement('img');
path = source.replace(/\\/g, '/'); // Fix Windows paths
path = 'file://localhost/'+ path;
path = path.toLowerCase();
newImg.src=path;
alert(path);
newImg.id="imgID"+num;
ni.appendChild(newImg);
var x=parseInt(newImg.width);
var y=parseInt(newImg.height);
if (x>maxWidth)
{
y*=maxWidth/x;
x=maxWidth;
}
if (y>maxHeight)
{
x*=maxHeight/y;
y=maxHeight;
}
newImg.width=x;
newImg.height=y;
}
else
{
alert("THAT IS NOT A VALID IMAGE\nPlease load an image with an extention of one of the following:\n\n"+fileTypes.join(", "));
}
}
function removeImage()
{
var ni = document.getElementById('myDiv');
if (currImage==null)
{
alert("No image to remove");
}
else if (currImage==0)
{
alert("Click the image to remove / No image to remove");
}
else
{
alert(currImage.id);
ni.removeChild(currImage);
currImage=0;
}
}
</script>
<style>
#myDiv
{
width: 200px;
height: 240px;
position: relative;
margin: 20px auto 0px auto;
border: 5px outset #000;
overflow: hidden;
background-color:pink;
}
</style>
</head>
<body >
<div id="myDiv" >
</div>
<p>
<input type="hidden" value="0" id="theValue" />
<input type="button" id="delete" value="Remove" onClick="removeImage()">
<input type="file" id="picField" onChange="preview(this)">
</p>
</body>
</html>
hi I am making a multimedia Cd presentation in Html and I was wondering if there is any way for the index.html to autorun not in a browser, but only in window without any buttons - like a popup widow ? I really need help, i am looking for solution for 3 days now, and I need this to be done tomorrow.. thanx I am having a hard time understanding how to load a selected option value that I have saved in an external ini file upon load of page. For example, if the user had selected "Baltimore" previously, the value "c" is saved to the external ini file on close. On the next load I want the selected option to read "Baltimore" instead of the default "Atlanta. Code:
<SELECT NAME="List">
<option value="a">Arizona</option>
<option value="b" selected>Atlanta</option>
<option value="c">Baltimore</option>
<option value="d">Buffalo</option>
function loadSettings()
{
var savedValue = "c"; //the value is grabbed from an external .ini
}
// loadSettings() is called with body onload=
// selected value is saved to ini upon close
The value is loaded from external .ini, I don't have a problem with that. I'm actually not good in javascript. My objective is to retrive user location by using google api, then it will be save in cookie for me to retrive it. Below is the code then i got to retrive user location. Code: <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
var geocoder;
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(successFunction, errorFunction);
}
//Get the latitude and the longitude;
function successFunction(position) {
var lat = position.coords.latitude;
var lng = position.coords.longitude;
codeLatLng(lat, lng)
}
function errorFunction(){
alert("Geocoder failed");
}
function initialize() {
geocoder = new google.maps.Geocoder();
}
function codeLatLng(lat, lng) {
var latlng = new google.maps.LatLng(lat, lng);
geocoder.geocode({'latLng': latlng}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
console.log(results)
if (results[1]) {
//formatted address
alert(results[0].formatted_address)
//find country name
for (var i=0; i<results[0].address_components.length; i++) {
for (var b=0;b<results[0].address_components[i].types.length;b++) {
//there are different types that might hold a city admin_area_lvl_1 usually does in come cases looking for sublocality type will be more appropriate
if (results[0].address_components[i].types[b] == "administrative_area_level_1") {
//this is the object you are looking for
city= results[0].address_components[i];
break;
}
}
}
//city data
alert(city.short_name + " " + city.long_name)
} else {
alert("No results found");
}
} else {
alert("Geocoder failed due to: " + status);
}
});
}
</script>
As you can see in the code, there is "alert(results[0].formatted_address)" and i want to replace it by writing cookie. Can anyone help me? Thanks in advance. Any idea why my code will not add a row? Code:
function addRow() {
var tbl = document.getElementById('thetable');
var lastRow = tbl.rows.length;
var row = tbl.insertRow(lastRow);
var cell1 = row.insertCell(0);
cell1.setAttribute('align','center')
var input = document.createElement('input');
input.name = 'date' + lastRow;
input.id = 'date' + lastRow;
cell1.appendChild(input);
var cell2 = row.insertCell(1);
cell2.setAttribute('align','center')
input = document.createElement('input');
input.name = 'goals' + lastRow;
input.id = 'goals' + lastRow;
cell2.appendChild(input);
var cell3 = row.insertCell(1);
cell3.setAttribute('align','center')
input = document.createElement('input');
input.name = 'venue' + lastRow;
input.id = 'venue' + lastRow;
cell3.appendChild(input);
var cell4 = row.insertCell(1);
cell4.setAttribute('align','center');
input = document.createElement('select');
input.name = 'terrain' + lastRow;
input.id = 'terrain' + lastRow;
var s = "Road/Track/Multi Terrain/Cross Country".split("/");
for(var i=0;i<s.length;i++) {
var o = document.createElement("option");
o.value = s[i];
o.text = s[i];
input.add(o);
}
cell4.appendChild(input);
}
window.onload = function() {
var cell5 = document.getElementById("cell5");
cell5.setAttribute('align','center');
input.name = 'distance' + lastRow;
input.id = 'distance' + lastRow;
var input = document.createElement("select");
var s = "3000m/5000m/10,000m/5 Miles/10 Miles/20 Miles/Half Marathon/Marathon /Other".split("/");
for(var i=0;i<s.length;i++) {
var o = document.createElement("option");
input.options[i] = new Option(s[i], s[i]);
}
cell5.appendChild(input);
}
}
function delRow() {
var tbl = document.getElementById('thetable');
var lastRow = tbl.rows.length;
if (lastRow > 2) tbl.deleteRow(lastRow - 1);
}
</script>
Hello all, I made a fade script that will fade any element in or out. Works great on all browser I've tested but IE 7. With IE I have only tested this will IE 8 and IE 7. IE 7 the effect doesn't work. No error message or anything. I'm unsure what to do from here. I was hoping I could find some help here. Code: function fade(obj, duration, toggle) {
steps = 1000;
elem = document.getElementById(obj);
function fadeIn() {
for(var i = 0; i <= 1; i+=(1/steps)) {
setTimeout("elem.style.opacity = "+ i +"", i * duration);
setTimeout("elem.style.filter='alpha(opacity="+ i * 102 +")'", i * duration);
}
}
function fadeOut() {
for(var i = 0; i <= 1; i+=(1/steps)) {
setTimeout("elem.style.opacity = "+ (1-i) +"", i * duration);
setTimeout("elem.style.filter='alpha(opacity="+ (1-i) * 102 +")'", i * duration);
}
}
/* One for Fade in and anything will be fade out*/
if(toggle == 1) {
fadeIn();
}
else {
fadeOut();
}
}
Thanks, Jon W hi I created a forloop and that runs fine, but it wont run any code after the loop finishes. I've tryed playing around with it but nothing I do will make it display the alert. Heres the problem code: Code: function price()
{
var price=0;
for(var i=1; i<=15; i++)
{
if(document.form.partPrice[i].value == "price" == false)
{
price+=Number(document.form.partPrice[i].value);
alert("test");
}
} //wont run any code after here
alert(price);
}
I'm not sure whats wrong, its probably something small that im overlooking but I just cant find whats wrong thanks in advance! Hi I have a CMS system using Tinymce and after making some alterations noticed the updates weren't showing up. After much messing (sql, set up etc) I started to delete the content bits at a time and came to the conclusion that is was the character ' as in what's any ideas why this is and how to solve it i'm thinking its due to php code! Cheers |
|||||||