JavaScript - Svg Text Change

hi i wants to change one input to texarea when i select one from radio, plz any suggestion how i would do that?

my code
PHP Code:
<input type="text" name="other" value="this need to become textarea" />
<input type="radio" name="inputtext" />Text 
<input type="radio" name="inputtext" />Textarea 


so when i click inputtext radio name"other" will become a textrea rather then input type text.

thanks for any help.

Hi i am trying to change the colour of the text in my menu bar, i know you can do this with css or jquery but i want to try and do it with javascript in an external script sheet. I want to use the onmouseover and onmouseout functions to change the colours, and i want it so their are different colours for each menu item.

Can anybody help me?

Hello,
I'm trying to put a site together and this time I'm going for an interactive feel.

Code:

<p id="status">[Closed]</p>

Thats the html of it. What i'm trying to accomplish is when the mouse goes onto the <p>, the [Closed] then turns into

Code:

<a href="index.php">Open</a>

but I can't get this figured. Could someone help me?

Thnx!

Hello, I am needing the coding to do the follow:

When a user makes a selection from a dropdown, the value is placed in a text input.

SELECT >>> INPUT

Thank you so much for your help!

hello,

I have a problem changing the value of multiple text boxes, My page contain one text box named "price" and i need to set the value of this box to all other text boxes in the page which they attribute is <input type="text" value="" name="product[xxxx]" id="product"/>
xxxx = random number

the page may contain only one text box id=product or more

i have tried the following code but it only works with multiple text boxes and doesn't work if the page have one text box


Code:

              var price = document.getElementById('price').value;
              var allElements = document.form1.product;
              var len=allElements.length;
              if(allElements.length){
              for (i = 0; i < len; i++){
              allElements[i].value = price;
               }

I'm not a javascript expert so i don't know if this code is the right way to accomplish this.

Thank you very much for your help

I'm writing a calculator script that will need user input (how much they pay on internet, phone or cable bill) and then multiply those numbers by a known rate and then show the customer the new number.

I have the math setup (working right now), and the script works to spit out the answers in an alert.

Instead of the alert (which is the only thing I can do correctly at this point), I need the script to give the answers for each bill and then a total answer at the bottom.

The script is here, it's all in the index file. http://gotsmith.com/calculator/

Thanks.

Hi Guys,

I am looking for a script to change text on a page based on the time of day. From 9am - 5pm weekdays I would like the page to display 'Open', and outside of that window to display 'Closed'. I am using HTML & PHP.

Any help would be greatly appreciated.

Thanks,
Matt

Hello,

I was wondering if anyone could help me with a personal website I am modifying for a friend. He basically has a list of links such as:

Home
Blog
Pictures
Links

What I want to do is that whenever you roll over, say, "Blog", an image appears to the right of the links (the image will be a small screenshot of what the blog looks like). When you roll over "Pictures", a different image appears in it's place.

I already know how to do this when rolling over images, but not rolling over text. I used document.getElementById and just set the src to the image, but how do I do this when I just have text to roll over?

Is it possible/recommended to use the follow JQuery?

http://ajax.googleapis.com/ajax/libs.../jquery.min.js

Thank you for your time

Hi im using this to hide and show some text, how do i do to change the text "Show" to hide when i click it and back to "Show" when click it again.

Code:

   <script type="text/javascript"> 
      $(document).ready(function(){ 
   $('.accordion-content').hide(); 
   //toggle the componenet with class accordion 
   $('.accordion-toggle').click(function(){ 
      //$(this).toggleClass('toggle-accordion-active'); 
      $(this).next('.accordion-content').slideToggle(300); 
   }); 
   $('#accordion-expand-all').click(function(){ 
      $('.accordion-content').slideToggle(300); 
   }); 
      }); 
    </script>

Code:

<p><a id="accordion-expand-all" href="#">Show</a></p>

here is my problem
i need to set the color of a text here is what i need to change

Code:

<div style="position:absolute; left:10px; top:100px; width:250px; text-align:center;">



<font color="lightgreen" size="6"><b>* Mileage *</b></font><b>
<font color="black" size="6"><div id="bullet4">Not Specified</div></font><br></b>

<font color="lightgreen" size="6"><b>* Gearbox *</b></font><b>
<font color="black" size="6"><div id="bullet5">Not Specified</div></font><br></b>

<font color="lightgreen" size="6"><b>* Engine size *</b></font><b>
<font color="black" size="6"><div id="bullet6">Not Specified</div></font><br></b>

<font color="lightgreen" size="6"><b>* Body style *</b></font><b>
<font color="black" size="6"><div id="bullet7">Not Specified</div></font><br></b>




</div>

now i need to set the color from a text file server side
so far i can set the contents of the div serverside but the customer needs to be able to change the color of the innerhtml .
now i would like to store the color in a text file color.txt i can make the code to change the txt file myself
inside the color.txt would be "lightgreen" or other color
how would i go about this.
so in basic terms i need to set the color of the text from a color.txt file sat next to the index.html

Right i need some help with some code, i have been trying 2 days to get it to work!

basically the 3 image locations are in Variables in PHP

$piclocation1
$piclocation2
$piclocation3

What i want is when you hover over the div class "breaking-news", i want the div ID "latest-news-image" to change to that specific image background. example the top "breaking-news" class is on hover and the image $piclocation1 should show in "latest-news-image". if the middle "breaking-news" class is on hover the image $piclocation2 should show in "latest-news-image".

and so on

if you could help me figure out a way around to get this to work i would be ever so greatfull, as i dont know if i got this in the right area as it would contain javascript, php and poss Css! and even if you could point me in the right direction would be helpful!

this is the website page i am testing it on if you would like to look at if visually
http://www.wolverhampton-wanderers.co.uk/text.php

and here is the code:
Code:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="Stylesheet" type="text/css" href="./wolves.css"/>
<title>Untitled Document</title>
<?php
$getnews = "SELECT * FROM `news` ORDER BY `news`.`id` DESC LIMIT 3"; 
$news = mysql_query($getnews) or die(mysql_error());
$counter = 1;

while($row1 = mysql_fetch_array($news)){
	
if($counter == 1)
{
	$picture1 = $row1['imageID'];
	$getimage1 = "SELECT * FROM news_images WHERE imageID = $picture1"; 
	$image1 = mysql_query($getimage1) or die(mysql_error());
	$pic1 = mysql_fetch_array($image1);
	$piclocation1 = $pic1['imageFile'];
}
if($counter == 2)
{
	$picture2 = $row1['imageID'];
	$getimage2 = "SELECT * FROM news_images WHERE imageID = $picture2"; 
	$image2 = mysql_query($getimage2) or die(mysql_error());
	$pic2 = mysql_fetch_array($image2);
	$piclocation2 = $pic2['imageFile'];
}
if($counter == 3)
{
	$picture3 = $row1['imageID'];
	$getimage3 = "SELECT * FROM news_images WHERE imageID = $picture3"; 
	$image3 = mysql_query($getimage3) or die(mysql_error());
	$pic3 = mysql_fetch_array($image3);
	$piclocation3 = $pic3['imageFile'];
}
$counter = $counter + 1;
}
?>


</head>

<body>
<div class="shaddow"><!-- This is the shaddow behind the content -->
<div class="content"> <!-- This is the content and main background -->

<div class="header"><img src="../images/header.jpg"/></div>
<div class="menu">
<div id="nav">
<?php
$cat = "SELECT * FROM `top-menu` ORDER BY 'category' ASC"; 
$category = mysql_query($cat) or die(mysql_error());
$start = 1;

while($row = mysql_fetch_array($category)){
	$submenu = $row['sub-menu'];
		if($submenu == '1'){
    		echo "</li><li><a id='{$row['Active-ID']}' " .
        		 "href='{$row['Address']}'>" .
        		 "{$row['Text']}</a>";
				 }
		elseif($submenu == '2'){
			if($start == 1){
				echo "<ul>";
				}
			echo "<li><a id='{$row['Active-ID']}' " .
        		 "href='{$row['Address']}'>" .
        		 "{$row['Text']}</a></li>";
				 $start = $start + 1;
				 if($submenu !='2'){
					echo "</ul></li>";
					$start = 1;
				 }
			}
	}
	echo "</ul></li><a class='nav-end'></a>";
?>
</div>
</div>

<div id="latest-news">

<?php
$getnews = "SELECT * FROM `news` ORDER BY `news`.`id` DESC LIMIT 3"; 
$news = mysql_query($getnews) or die(mysql_error());
$counter = 0;

	echo "<div id='latest-news-image'></div>" .
		"<div id='latest-news-header'>Breaking News</div>";

while($row1 = mysql_fetch_array($news)){	
echo "<div class='breaking-news'><div class='breaking-news-header'><a href='#'>{$row1['title']}</a></div>" .
"<div class='breaking-news-info'>Posted on {$row1['date']}, by {$row1['author']}</div>" .
"<div class='breaking-news-desc'>{$row1['desc']}</div>" .
"<div class='breaking-news-readmore'><a href='#'>Read More</a></div></div>";
$counter = $counter + 1;
}
?>

</div>




</div>
</div>

</body>
</html>

I am creating a photography website and am almost there with coding a very simple image viewer with clickable thumbnails etc.

I have used the following script to change the images;

Code:

<script>
function changeImage(filename)
{
   document.mainimage.src = filename;
}
</script>

the main image is like this;
Code:

<img name="mainimage" src="../Images/wedding-photo-01-bride-getting-ready.JPG" title="bride getting ready"/>

And the links/images are like this.....

Code:

<a href="javascript:changeImage('../Images/wedding-photo-01-bride-getting-ready.JPG')">
                <img class="thumbbox" id="mainimage" src="../Images/wedding-photo-01-bride-get-thumb.JPG" alt="wellis photography logo" title="bride getting ready">
</a>

This works fine, but I would also like a caption underneath the main image that changes at the same time. Is there a way to do this simply? Perhaps using some variation of the following script?

Code:

<script type="text/javascript">
document.write(document.getElementById('myimage').title);
</script>

Also, one other thing - is it possible to add a 'fade' transition to my 'changeimage' function?


Thanks in advance

Hi guys,
Am creating a web page in which a user searches a customer using customer id. The results are then displayed in a table. This is working fine.

In addition to this, I have created another form in which a user enters a value in a textbox. This value is then compared to the results obtained in the previous table.The values below should be shown in green and those above in red (identical values may be shown in amber). This should be acomplished using javascript.

My code is as shown below: PHP Code:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Search Script</title>

<script type="text/javascript">

function hallo(){

var value1=200
var inputVal = window.document.getElementById("one").value;
//alert(negNum);
if(inputVal > value1){
window.document.getElementById("color").style.color="red";
}
else
if(inputVal < value1)
{
window.document.getElementById("color").style.color="green";
}
else
if(inputVal == value1)
{
window.document.getElementById("color").style.color="#FF7E00";
}
}

</script>

</head>

<body>

<form>
Value1: <input type="text" name="one" id="one" ><br/>
Value2: <input type="text" name="two" id="two" value="" onClick="hallo();">
<br/>
Value3: <input type="text" name="three" id="$cell" value="test data">
</form>
<?Php
require_once("database.php");

$CustID=$_POST['CustomerID'];

$query="SELECT c.*,r.Meter_No,r.January,r.February,r.March,r.April,r.May,r.June FROM customer AS c,readings AS r   WHERE c.CustomerID=r.CustomerID
AND c.CustomerID='".$CustID."'";
$result=mysql_query($query) ;
//If no matching records are found in the database,the code below will display a customized error message
$num=mysql_numrows($result)or die("No Matching Records Found In The Database!");

$fields_num = mysql_num_fields($result);

echo "<h3>Historical Meter Readings</h3>";
echo "<table border='0'cellspacing='5' cellpadding='5' id ='three'><tr>";
// printing table headers
for($i=0; $i<$fields_num; $i++)
{
    $field = mysql_fetch_field($result);
    echo "<td >{$field->name}</td>";
}
echo "</tr>\n";
// printing table rows
while($row = mysql_fetch_row($result))
{
    echo "<tr id='color'>";

    // $row is array... foreach( .. ) puts every element
    // of $row to $cell variable
    foreach($row as $cell)
        echo "<td align='center' <font face='Arial, Helvetica, sans-serif' >$cell</td>";

    echo "</tr >\n";
}
mysql_free_result($result);
?>


</body>
</html>

Currently my javascript code changes the entire row in the table, which is not I desired.
How do I edit this script so that only values in particular CELL in a row e.g CELL 5, is changed and not the entire row?
Thank you.

Is there a way to change the text from OK to CLOSE on an alert box ?