JavaScript - Editable Div Shown As Page View. Overflowing Text Should Be Flow To Another Div.

Hi I have a problem with a form in my site he

http://www.21centuryanswers.com/submit.php

if no field is filled and you click submit, an alert will be shown, yet the next page will still load! How do I fix it?

the code for the form is:

<form action="privacy.php" method="post" onsubmit="return checkform(this);">
<fieldset>
<center>
E-mail: <input type="textfield" name="email" size="60" value="" /><br/></br>
Question: <input type="textfield" name="question" size="70" value="" /><br/><br/>

<input type="submit" value = "Submit"/>
</center>
</fieldset>
</form>

and here is the validation script:

<script language="JavaScript" type="text/javascript">
<!--
function checkform ( form )
{
// ** START **


if (form.email.value == "") {
alert( "Please enter your email." );
form.author.focus();
return false ;
}
if (form.question.value == "") {
alert( "Please enter the question." );
form.title.focus();
return false ;
}
// ** END **
return true ;
}
//-->
</script>

Please help!

Hi - I'm working in ASP.Net 2.0. My page has a GridView control, which is populated by a SQLDataSource. The GridView has one Button control per row. The button has a client-side javascript function (ShowDelete) attached to its OnClientClick event on DataBinding of the GridView. This event fires some javascript. The javascript does 3 things:
- It changes the text of the button from "Hide" to "Create"
- It changes the background color of the button from red to green
- It assigns a new onClientClick event to the button: "ShowAvailable"

The text and the color of the button change with no problem. After I change the OnClientClick event, I send an alert with the button's OnClientClick event and it reports it to be "ShowAvailable". However, when I click on the button, it doesn't fire ShowAvailable, it fires the original onClientClick event (ShowDelete). Also, when I do View Source, it shows the button's text, color and OnClientClick event as their original settings, i.e., "Hidden", "Red" and "ShowDelete", even though I'm looking at a green button that says "Create." What's going on here?

Here's the code I use to attach the OnClientClick event on DataBinding of the GridView:

Code:

foreach (GridViewRow row in this.gvLocation.Rows)
{
  if (row.RowType == DataControlRowType.DataRow || row.RowType == DataControlRowType.EmptyDataRow)
  {
    int rowindex = row.RowIndex + 1; //to exclude the header which is counted as a row when we get to javascript
    btnAction.OnClientClick = "ShowDelete(" + rowindex.ToString() + "); return false";
  }
}

Here's the javascript for ShowDelete:
Code:

function ShowDelete(rowindex)
{
  var locationgridID = '<%= gvLocation.ClientID %>';
  locationgrid = document.getElementById(locationgridID);
  if (locationgrid != null)
  {
    action_cell = locationgrid.rows[rowindex].cells[3];
    for (k = 0; k < action_cell.childNodes.length; k++)
    {
      if (typeof(action_cell.childNodes[k].id) == 'string')
      {
        action_cell.childNodes[k].value = "Create";
        action_cell.childNodes[k].style.backgroundColor = "Green";
        action_cell.childNodes[k].onclientclick = "ShowAvailable(" + rowindex + "); return false";
        alert(action_cell.childNodes[k].onclientclick); // reports the OnClientClick event is ShowAvailable
      }
    }
  }
}

Any thoughts are greatly appreciated!

I have created and opened a new window using Javascript and written to it with the document.write Command. When I click "View" and then "Page Source" (Firefox) to view the source of it, however, it displays a blank page. How can I get the source of a window I created?

Thank You

Charles

edit::I guess I tried everything else before thinking of a toggle variable....seems to be working now

I have an if clause that triggers died();

Quote:
died() {
monster.y=-100; //move element off canvas
setTimeout("respawn()", 2500);
}

respawn() {
//move monster to random location inside canvas
monster.x = 32 + (Math.random() * (canvas.width - 64));
monster.y = 32 + (Math.random() * (canvas.height - 64));
}

if(collision condition true) {
died();
}
This works but it sends setTimeout("respawn()",2500); about a dozen times, so 2.5 seconds later when it respawns it runs a dozen times and the monster flickers around the canvas before finding it's final destination.

I've tried both a WHILE loop which WORKED initially but I couldn't get it to reset properly, it worked the first time it ran and that was it....

I tried an if() with a global variable called count so it would only be called if count was under 2 but it didn't work right....

I tried a for loop as well. But my main() function is running every 10ms, and it just triggers things so fast that it triggers things multiple times when I only want it to fire once....

pseudo of what I'm trying to do.

If(collision) {died();}
died(){ move char off viewable screen, delay 2.5 seconds before moving back onto screen at random location}

Seems so simple......but when there's a collision, it sends died() every pixel as the 2 objects move across each other.....where I need it to only trigger died after the first collision is detected and stop checking for 2.5 seconds or the duration of the wait before showing back up on the screen..

so maybe I need a new function to call died which can only be called once....

I have created an editable grid based on: http://www.webismymind.be/editablegrid

Although I have created a few basic sites - coding is still pretty new to me, but what I want to do is make this grid editable by an admin user - and then have other users who can view it but not edit it.

I am trying to create a basic staff rota & any help would be much appreciated

Thanks

Please could someone tell me the JavaScript to allow the user to edit the content in an iframe, but I need to know if it will allow the user to edit the iframe in all browser types.

Hi all,

Thanks for reading. I'm having an issue trying to accomplish the following -

I have a text field (field1) already displayed on the HTML page. However, there's a link where you can add additional text fields to the page as well. When the link is clicked, the second text field is added successfully (field2), and when the link is clicked again, the third text field (field3) is added successfully. However, the third field does not add itself to the page, and the text for anything greater than a third field also isn't displayed after.

This obviously means that my "fields" variable is not working right, so I'm wondering, would anyone be able to assist me to help me get that variable processing correctly?

Code:

<script language="javascript">

fields = 1;

function addMore() {

if (fields = 1) {

document.getElementById('addedMore').innerHTML = "<input type='text' name='field2' size='25' /> <span>Field 2.</span>";

fields = 2;

} else if (fields = 2) {

document.getElementById('addedMore').innerHTML = "<input type='text' name='field3' size='25' /> <span>Field 3.</span>";
fields = 3;

} else {

document.getElementById('addedMore').innerHTML = "Only 3 fields are allowed.";
document.form.add.disabled=true;

}

}

</script>

Here is the code in my HTML -

Code:

<input type="text" name="field1" size="25" /> <span>Field 1.</span>
<div id="addedMore"></div>
<p class="addMore"><form name="add"><a onclick="addMore()">Add another field.</a></form></p>

Thank you very much.

Hey.

I am looking for a gallery/image slider script that looking like this image/or does the same as the image below:


Something like that or similar if anyone knows a link to one or knows the code please help.

Thanks for reading.

Mark.

Hello all,

I have a form which contains some fields like company_name, address, phone, email etc.

Also, I have a database with companies. I want that, when typing the beginning of the company name, a combo box to suggest all companies that match that text. I want that when a company is selected from the combo, all other textboxes to be filled with the correct info from the database. Also, I want that the user to be able to write a company that is not registered in the database.

What I have done until now:
For the editable combo I used the dhtmlxcombo from he http://dhtmlx.com/docs/products/dhtmlxCombo/ (Filtering mode: (filter existing list)). I'm not a scripting expert, so I think I cannot build this combo all by myself.

I modified just one thing. At the begining, the dhtmlxcombo.js file contained something like this:
Code:

if (tab)z.tabIndex=tab;z.style.width = (width-19)+'px';self.DOMelem.appendChild(z);self.DOMelem_input = z;z = document.createElement('input');z.type = 'hidden';z.name = name;self.DOMelem.appendChild(z);self.DOMelem_hidden_input = z;z = document.createElement('input');z.type = 'hidden';z.name = (name||"").replace(/(\]?)$/, "_new_value$1");z.value="true";self.DOMelem.appendChild(z);self.DOMelem_hidden_input2 = z

I added z.id='dest_company';, so the file looks something like this, now:
Code:

if (tab)z.tabIndex=tab;z.style.width = (width-19)+'px';self.DOMelem.appendChild(z);z.id='dest_company';self.DOMelem_input = z;z = document.createElement('input');z.type = 'hidden';z.name = name;self.DOMelem.appendChild(z);self.DOMelem_hidden_input = z;z = document.createElement('input');z.type = 'hidden';z.name = (name||"").replace(/(\]?)$/, "_new_value$1");z.value="true";self.DOMelem.appendChild(z);self.DOMelem_hidden_input2 = z};dhtmlXCombo_defaultOption.prototype._DrawHeaderButton = function(self, name, width)

The text field 'dest_company' is generated like this:
PHP Code:
    <select name="dest_company" id="dest_company" OnChange="SelectReceiver(document.comanda.dest_company.value);"  style="width:206px;" tabindex="10">
    <?php echo '
        <option value=""></option>';
        
        $address_result = mysql_query("SELECT * FROM `webdb_".$_COOKIE['user']."` ORDER BY companie ASC");
        while($row = mysql_fetch_array($address_result))
            {
            echo '<option value="'.$row['id'].'">'.$row["companie"].'</option>';
            }
    echo '
    </select>
    
    <script>
        var z = dhtmlXComboFromSelect("dest_company");
        z.enableFilteringMode(true);
        </script>';
        ?>

This is the SelectReceiver() function:
Code:

function SelectReceiver(id_dest)
{
if (id_dest=="")
  {
  document.getElementById("contact_destinatar").value="";
  document.getElementById("adresa_destinatar").value="";
  document.getElementById("oras_destinatar").value="";
  document.getElementById("judet_destinatar").value="";
  document.getElementById("zip_destinatar").value="";
  document.getElementById("telefon_destinatar").value="";
  document.getElementById("mail_destinatar").value="";
  return;
  }
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    //document.getElementById("detalii_destinatar").innerHTML=xmlhttp.responseText;
    var response = eval(xmlhttp.responseText);
    }
  }
xmlhttp.open("GET","modifica_detalii_destinatar.php?q="+id_dest,true);
xmlhttp.send();
}

And the file modifica_detalii_destinatar.php looks like this:
PHP Code:
<?php
$q=$_GET["q"];

include ('conectare.php');

$sql="SELECT * FROM `webdb_".$_COOKIE['user']."` WHERE id='".$q."'";

$result = mysql_query($sql);


while($row = mysql_fetch_array($result))
  {
  echo '
        
        document.getElementById("contact_destinatar").value = "'.$row['contact'].'";
        document.getElementById("adresa_destinatar").value = "'.$row['adresa'].'";
        document.getElementById("oras_destinatar").value = "'.$row['oras'].'";
        document.getElementById("judet_destinatar").value = "'.$row['judet'].'";
        document.getElementById("zip_destinatar").value = "'.$row['zip'].'";
        document.getElementById("telefon_destinatar").value = "'.$row['telefon'].'";
        document.getElementById("mail_destinatar").value = "'.$row['mail'].'";
        
  ';
    }
?>

All this is working just in Firefox. In IE, when I select a company from the combo box, an error is generated and no text box is completed with the correct data. The error I'm talking about is:
Code:

'document.comanda.compania_destinatar.value' is null or not an object

In Firefox, if I inspect element with Firebug, my select looks like this:
Code:

<div style="width: 204px;" class="dhx_combo_box ">
    <input type="text" autocomplete="off" class="dhx_combo_input" tabindex="10" style="width: 185px;" id="companie_dest">
    <input type="hidden" name="dest_company" value="45">
    <input type="hidden" name="dest_company" value="false">
    <img class="dhx_combo_img" src="codebase_xcombo/imgs/combo_select.gif">
</div>

Any help on this would be great.
Many thanks and best regards!

Hi,
"I need editable table with calculations in javascript"
"I have a table in that table i have 4 column like
mark1,mark2 and total. if i give input to that specific
cell the total is automatically calculate. Please send any code
or any related links". I tried below code...

<html>
<head>
<title>sample dynamic select list</title>
<script language='javascript'>
function changeContent(tablecell)
{ //alert(tablecell.firstChild.nodeValue);
tablecell.innerHTML = "<INPUT type=text name=newname onBlur=\"javascript:submitNewName(this);\" value=\""+tablecell.innerHTML+"\">";
var u1=document.getElementById('m1').value;
var u2=document.getElementById('m2').value;
res=u1*u2;
document.getElementById('t').innerHTML=res;
tablecell.firstChild.focus();
}
function submitNewName(textfield)
{//alert(textfield.value);
textfield.parentNode.innerHTML= textfield.value;
// textfield.parentNode.innerHTML= res;
}
</script>
</head>
<body>
Double click on any cell. Then enter your own text and then tab out or click on other place.
<table border=1 bgcolor=gray>
<tr>
<th onDblClick="javascript:changeContent(this);">Mark1</th>
<th onDblClick="javascript:changeContent(this);">Mark2</th>
<th onClick="javascript:changeContent(this);">total</th>
</tr>
<tr>
<td onDblClick="javascript:changeContent(this);" id="m1">10</td>
<td onDblClick="javascript:changeContent(this);" id="m2">20</td>
<td onClick="javascript:changeContent(this);" id="t"></td>
</tr>
</table>
</body>
</html>

I got it editable table but i cannot able to add two cell and also assign result to total.. let u know please help me

Thanks

I am really new to coding and am trying to include a flowchart that I have created on my site. There is a series of 5 questions with 2 possible answers for each question. Can anyone help me with some coding that would let me show only the first question and based on how they answer that, the flow chart would open up to the second question and once they answer the second question, it opens up to the third question and so on?

Hello all,

I am using an editable iframe to change the style of the text as a person enters text depending on what they type in. Sometimes the text needs to be a link, and while inserting a link works, I can't click on it. I was wondering if anyone knows how to get links in an editable iframe to click through. I've researched this for a while now without getting anywhere.

Right now I'm guessing that I need to somehow find out if the user is hovering over a link and turn "designMode" off for that section of text, or the whole iframe, I'm not completely sure.

Anyway, any help would be greatly appreciated!

I have a dropdown menu. the code is as below:
<html:select name="data1" property="accountNumber" styleClass="formContent" >
<option>Id1 </option>
<option>Id2 </option>

I need to give user an option to select from the list or enter a new value. how do you do this ? I can add another option say "new value" and when he choose this user should be able to add the new value/ please help !! I'm new to java script.

Hi!

I have a page with 8 different <input type="select"> fields.
All the time only one out from this 8 is shown. the rest of them are hidden with css: display:none;

How can I submit with POST only the select that's showing, and not the rest?
All of them have differnt names. Like dropdown1, dropdown2, and so on...
I dont know how can I get the value out from the one that's shown, and not the rest.

Please Help my brain is about to explode...