Avatar billede bobbedude Nybegynder
28. maj 2003 - 10:13 Der er 11 kommentarer og
1 løsning

on click sæt ind i tekst boks

Jeg har en række billeder når man klikker på et af dem vil jeg gerne have den skal smide noget tekst ind i en tekst boks på samme side, kan man det ??
Avatar billede nikolajdu Nybegynder
28. maj 2003 - 10:21 #1
<form name="f">
<input type="text" name="f1" value="">
</form>

<img src="bla.gif" onclick="document.f.f1.value='hej hej du'">

/Nikolaj
Avatar billede nikolajdu Nybegynder
28. maj 2003 - 10:22 #2
Eller for netscape 4´erne også.

<form name="f">
<input type="text" name="f1" value="">
</form>

<a href="#" onclick="document.f.f1.value='hej hej du';return false;"><img src="bla.gif"></a>

/Nikolaj
Avatar billede bobbedude Nybegynder
28. maj 2003 - 10:38 #3
nikolajdu det virker egentlig godt men jeg skal bruge det i en DHTML editor og der hvor feltet er som jeg vil sætte tekst in i er der ingen form omkring.

Når jeg så sætter en form på virker de knapper der ikke mere ???
Avatar billede nikolajdu Nybegynder
28. maj 2003 - 10:40 #4
Er det et textarea du vil sætte det ind i?
Avatar billede bobbedude Nybegynder
28. maj 2003 - 10:41 #5
feltet det skal ind i
<INPUT type="text" id="inpImgAlt" name=inpImgAlt size=39>

kan man bruge id istedet for form ?
Avatar billede bobbedude Nybegynder
28. maj 2003 - 10:42 #6
her er det hele

<html>
<head>
    <title>Insert/Update Image</title>
    <style>
    BODY
        {
        FONT-FAMILY: Verdana;FONT-SIZE: xx-small;
        }
    TABLE
        {
        FONT-SIZE: xx-small;
        FONT-FAMILY: Tahoma
        }
    INPUT
        {
        font:8pt verdana,arial,sans-serif;
        }
    select
        {
        height: 22px;
        top:2;
        font:8pt verdana,arial,sans-serif
        }   
    .bar
        {
        BORDER-TOP: #99ccff 1px solid; BACKGROUND: #336699; WIDTH: 100%; BORDER-BOTTOM: #000000 1px solid; HEIGHT: 20px
        }       
    </style>
   


<SCRIPT LANGUAGE="JavaScript">
function ShowProgress()
{
  strAppVersion = navigator.appVersion;
  if (document.MyForm.FILE1.value != "" || document.MyForm.FILE2.value != "" || document.MyForm.FILE3.value != "")
  {
    if (strAppVersion.indexOf('MSIE') != -1 && strAppVersion.substr(strAppVersion.indexOf('MSIE')+5,1) > 4)
    {
      winstyle = "dialogWidth=375px; dialogHeight:130px; center:yes";
      window.showModelessDialog('framebar.asp?to=10&PID=B87EC3DAB44A628A&b=IE',null,winstyle);
    }
    else
    {
      window.open('framebar.asp?to=10&PID=B87EC3DAB44A628A&b=NN','','width=370,height=115', true);
    }
  }
  return true;
}
</SCRIPT>
   
</head>

<body onload="checkImage()" link=Blue vlink=MediumSlateBlue alink=MediumSlateBlue leftmargin=5 rightmargin=5 topmargin=5 bottommargin=5 bgcolor=Gainsboro>
    <table border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td valign=top>
        <!-- Content -->
    <form name="form" method="post" action="">
     
      <table border=0 cellpadding=3 cellspacing=3 align=center>
        <tr>
        </tr>
        <tr>
        <td colspan=2>
                <table border=0 width=340 cellpadding=0 cellspacing=1>
                <tr>
                        <td>Image source</td>
                        <td colspan=3>
                        <INPUT type="text" id="inpImgURL" name=inpImgURL size=39>
                        <!--<font color=red>(you can type your own image path here)</font>-->
                        </td>       
                </tr>                   
                <tr>
                        <td>Alternate text</td>
                        <td colspan=3><INPUT type="text" id="inpImgAlt" name=inpImgAlt size=39></td>       
                </tr>               
                <tr>
                        <td>Alignment</td>
                        <td>
                        <select ID="inpImgAlign" NAME="inpImgAlign">
                                <option value="" selected>&lt;Not Set&gt;</option>
                                <option value="absBottom">absBottom</option>
                                <option value="absMiddle">absMiddle</option>
                                <option value="baseline">baseline</option>
                                <option value="bottom">bottom</option>
                                <option value="left">left</option>
                                <option value="middle">middle</option>
                                <option value="right">right</option>
                                <option value="textTop">textTop</option>
                                <option value="top">top</option>                       
                        </select>
                        </td>
                        <td>Image border</td>
                        <td><select id=inpImgBorder name=inpImgBorder>
                            <option value=0>0</option>
                            <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>
                        </select>
                        </td>                   
                </tr>
                <tr>
                        <td>Width</td>
                        <td><INPUT type="text" ID="inpImgWidth" NAME="inpImgWidth" size=2></td>
                        <td>Horizontal Spacing</td>
                        <td><INPUT type="text" ID="inpHSpace" NAME="inpHSpace" size=2></td>
                </tr>               
                <tr>
                        <td>Height</td>
                        <td><INPUT type="text" ID="inpImgHeight" NAME="inpImgHeight" size=2></td>
                        <td>Vertical Spacing</td>
                        <td><INPUT type="text" ID="inpVSpace" NAME="inpVSpace" size=2></td>
                </tr>
                </table>

        </td>
        </tr>
        <tr>
        <td align=center colspan=2>
                <table cellpadding=0 cellspacing=0 align=center><tr>
                <td><INPUT type="button" value="Cancel" onclick="self.close();" style="height: 22px;font:8pt verdana,arial,sans-serif" ID="Button1" NAME="Button1"></td>
                <td>
                <span id="btnImgInsert" style="display:none">
                <INPUT type="button" value="Insert" onclick="InsertImage();self.close();" style="height: 22px;font:8pt verdana,arial,sans-serif" ID="Button2" NAME="Button2">
                </span>
                <span id="btnImgUpdate" style="display:none">
                <INPUT type="button" value="Update" onclick="UpdateImage();self.close();" style="height: 22px;font:8pt verdana,arial,sans-serif" ID="Button3" NAME="Button3">
                </span>               
                </td>
                </tr></table>
        </td>
        </tr>
      </table>

        <!-- /Content -->
        </form>
    </td>
    </tr>
    </table>

<script language="JavaScript">
   
function checkImage()
    {
    if (window.opener.idContent.imageProperties.length!=0) //If image is selected
        {
        //selectImage(window.opener.idContent.imageProperties[0])
        inpImgURL.value = window.opener.idContent.imageProperties[0]
        inpImgAlt.value = window.opener.idContent.imageProperties[1]
        inpImgAlign.value = window.opener.idContent.imageProperties[2]
        inpImgBorder.value = window.opener.idContent.imageProperties[3]
        inpImgWidth.value = window.opener.idContent.imageProperties[4]
        inpImgHeight.value = window.opener.idContent.imageProperties[5]
        inpHSpace.value = window.opener.idContent.imageProperties[6]
        inpVSpace.value = window.opener.idContent.imageProperties[7]
        btnImgUpdate.style.display="block";
        }
    else
        {
        btnImgInsert.style.display="block";
        }
    }
function UpdateImage()
    {
    window.opener.idContent.UpdateImage(inpImgURL.value,inpImgAlt.value,inpImgAlign.value,inpImgBorder.value,inpImgWidth.value,inpImgHeight.value,inpHSpace.value,inpVSpace.value);   
    }
function InsertImage()
    {
    window.opener.idContent.InsertImage(inpImgURL.value,inpImgAlt.value,inpImgAlign.value,inpImgBorder.value,inpImgWidth.value,inpImgHeight.value,inpHSpace.value,inpVSpace.value);
    }
</script>
<BR><BR><BR>
    <FORM NAME="MyForm" METHOD="POST" ENCTYPE="multipart/form-data" ACTION="progress_upload.asp?PID=B87EC3DAB44A628A"    OnSubmit="return ShowProgress();">
        <INPUT TYPE="FILE" SIZE="40" NAME="FILE1"><BR>
        <INPUT TYPE=SUBMIT VALUE="Upload">
    </FORM>
<BR><BR>

<table width="350" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>
       
        <a href="#" onclick="document.form.inpImgURL.value='../../images/egne/delete_sm.gif';return false;">
        <img src="../../images/egne/delete_sm.gif" border="0"></a></td>
    <td width="100">&nbsp;</td>
  </tr>
</table>

<table width="350" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>
       
        <a href="#" onclick="document.form.inpImgURL.value='../../images/egne/inbox_full.gif';return false;">
        <img src="../../images/egne/inbox_full.gif" border="0"></a></td>
    <td width="100">&nbsp;</td>
  </tr>
</table>

<table width="350" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>
       
        <a href="#" onclick="document.form.inpImgURL.value='../../images/egne/new_private_message.gif';return false;">
        <img src="../../images/egne/new_private_message.gif" border="0"></a></td>
    <td width="100">&nbsp;</td>
  </tr>
</table>

<table width="350" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>
       
        <a href="#" onclick="document.form.inpImgURL.value='../../images/egne/post_button_list.gif';return false;">
        <img src="../../images/egne/post_button_list.gif" border="0"></a></td>
    <td width="100">&nbsp;</td>
  </tr>
</table>

<table width="350" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>
       
        <a href="#" onclick="document.form.inpImgURL.value='../../images/egne/priority_post_locked_icon.gif';return false;">
        <img src="../../images/egne/priority_post_locked_icon.gif" border="0"></a></td>
    <td width="100">&nbsp;</td>
  </tr>
</table>

</body>
</html>

feltet det skal ind i
<INPUT type="text" id="inpImgAlt" name=inpImgAlt size=39>
Avatar billede bobbedude Nybegynder
28. maj 2003 - 10:43 #7
Jeg har så sat
<form name="form" method="post" action="">

men når den er på kan den ikke udfører Insert
Avatar billede nikolajdu Nybegynder
28. maj 2003 - 10:45 #8
onclick="document.getElementById('inpImgAlt').value='../../images/eg....'")
Avatar billede bobbedude Nybegynder
28. maj 2003 - 11:02 #9
nikolajdu >>> Du er bare en haj
Avatar billede nikolajdu Nybegynder
28. maj 2003 - 11:03 #10
Jeg vil hellere være en søtunge.... *gg*
Avatar billede bobbedude Nybegynder
28. maj 2003 - 11:04 #11
hehe jamen så er du officelt en Søtunge
Avatar billede nikolajdu Nybegynder
28. maj 2003 - 11:07 #12
oh thnx oh thnx... :))
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester