Bild anstatt Checkbox verwenden?

apfelkraft.ch · 13 August 2009

Ich habe nachfolgendes Script um auf einen Klick eine Textarea zu vergrössern und das funktioniert auch bestens....

HTML:

<script type="text/javascript" language="javascript">
<!--

var mRowsNorm = 1;
var mRowsLong = 12;
function clickLongmsg ( checkbox )
{
    if ( checkbox.checked )
    {
      mRowsNew = mRowsLong;
    }
    else
    {
      mRowsNew = mRowsNorm;
    }
    
    if ( checkbox.form.inMessage.rows
         &&
         checkbox.form.inMessage.rows != mRowsNew )
    {
      checkbox.form.inMessage.rows = mRowsNew;
    }
    
  return true;
}
//-->
</script>
 
<center><H1>Textarea increase</H1>
 

<FORM action="Textarea_increase.htm" method="POST" name="comments">

<center><input type="checkbox" name="inLongMsg" value="ON" onClick="clickLongmsg(this)">Extend Message<BR><BR>
<textarea name="inMessage" ROWS=1 COLS=15  wrap="VIRTUAL"></textarea><BR><BR>

</FORM>

doch anstatt der Checkbox hätte ich lieber ein IMG Tag, sprich ein Bild eingebunden, doch ich weiss nicht wie ich danach die Adressierung vornehmen muss, das Bild würde ich mit einem a-Anker und href="#" einbinden, doch wie muss ich das Script umschreiben?!?

Franz Harlicher · 14 August 2009

HTML:

    <!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>
<title>JS TEST</title>
</head>


<body style="cursor: auto;">
    <script type="text/javascript" language="javascript">
<!--

var mRowsNorm = 1;
var mRowsLong = 12;

function clickLongmsg ( element )
{

    if(document.getElementById(element).rows == 1 && document.getElementById(element).cols == 15 ){
        document.getElementById(element).rows = mRowsLong;
    }else{
        document.getElementById(element).rows = mRowsNorm;
    }
}
//-->
</script>
 
<center><H1>Textarea increase</H1>
 

<FORM action="Textarea_increase.htm" method="POST" name="comments">
<img src="btn.jpg" alt="bild" onclick="clickLongmsg('myText');" />
<center>
<textarea name="inMessage" id="myText" ROWS=1 COLS=15  wrap="VIRTUAL"></textarea>
<br />
<br />

</FORM> 
</body>
</html>

Tada =)

apfelkraft.ch · 14 August 2009

Genial, vielen herzlichen dank jetzt verstehe ich auch langsam wie das funktioniert!! :razz:

Bild anstatt Checkbox verwenden?

apfelkraft.ch

Neues Mitglied

Franz Harlicher

Neues Mitglied

apfelkraft.ch

Neues Mitglied

Neueste Beiträge