Avatar billede the_saint Nybegynder
14. september 2004 - 10:53 Der er 6 kommentarer og
1 løsning

Billede forhold

Hej...

Jeg har en form, hvori der er 2 input felter, disse felter indeholder henholdsvis bredde og højde på et billede.

Jeg skal nu have lavet således at når jeg retter tallet i den ene, bliver det automatisk rettet i den anden, så det passer med forholdet mellem højde og bredde.
Avatar billede ldanielsen Nybegynder
14. september 2004 - 11:04 #1
og du kender højde og bredde fra starten?
Avatar billede the_saint Nybegynder
14. september 2004 - 11:05 #2
Jeg kender både højde og bredden... Begge felter er udfyldt fra starten af, men hvis jeg så eks ændre højden, så skal bredden følge med.
Avatar billede ldanielsen Nybegynder
14. september 2004 - 12:39 #3
Det blev lige nogt rod, men her der den vist:

<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE></TITLE>
</HEAD>
<BODY>

<P>
<FORM action="" method=post id=form1 name=form1>
<P>Bredde<INPUT onFocus="getProportions(this.form)" name=intWidth value="165" onChange="fixProportions(this.form, this.value, 'w');"></P>
<P>Højde<INPUT onFocus="getProportions(this.form)" name=intHeight value="55" onChange="fixProportions(this.form, this.value, 'h');"></P>
</FORM>
</P>
<SCRIPT LANGUAGE=javascript>
<!--
var Proportions = 0;

function getProportions(f){
    if (Proportions == 0){
        Proportions = parseInt(f.intHeight.value)/parseInt(f.intWidth.value);
        }
    }
function fixProportions(f, intInput, strMode){
   
    if (strMode == "w"){
        f.intHeight.value = Math.round(intInput * Proportions)
       
    }else{
        f.intWidth.value = Math.round(intInput / Proportions)
        }
   
    }
//-->
</SCRIPT>


</BODY>
</HTML>
Avatar billede the_saint Nybegynder
14. september 2004 - 12:51 #4
Jeg siger Mange mange tak ;)
Avatar billede roenving Novice
14. september 2004 - 12:52 #5
Tjah, en anden indgangsvinkel:

<form>
Højde: <input name="hojde" type="text" value="87" onkeyup="heightWidth(this)"><br>
Bredde: <input name="bredde" type="text" value="187" onkeyup="heightWidth(this)"><br>
</form>

<script type="text/javascript">
function heightWidth(flt){
  val = +flt.value;
  f = flt.form;
  inH = +f.hojde.defaultValue;
  inW = +f.bredde.defaultValue;
  f.elements[(flt.name=='hojde')?'bredde':'hojde'].value = Math.round((flt.name=='hojde')?val*inW/inH:val*inH/inW);
}
</script>
Avatar billede the_saint Nybegynder
15. september 2004 - 11:17 #6
roenving. Jeg har også haft kigget lidt på defaultValue. Men da billede værdien bliver sat efter load af siden, så det kan jeg ikke rigtig bruge. :|
Avatar billede roenving Novice
15. september 2004 - 17:36 #7
Nej !-)

-- men det troede jeg ikke efter den beskrivelse ...
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