Søg
Avatar billede anykey Nybegynder
12. april 2003 - 20:35 Der er 39 kommentarer og
1 løsning

Procent ??

Er lidt n00b til javascript, så mit spørgsmål er ret enkelt: Hvordan sætter jeg et billedes width i procent og IKKE i pixels? Hvis jeg bruger: document.images.mypic.width=70;
så sætter den width i pixels og ikke i procent...
Avatar billede cdc Novice
12. april 2003 - 20:44 #1
70%
Avatar billede cdc Novice
12. april 2003 - 20:44 #2
Bare et hurtigt skud :o)
Avatar billede twm Nybegynder
12. april 2003 - 20:53 #3
document.images.mypic.width=(document.images.mypic.width*0.7);
Avatar billede twm Nybegynder
12. april 2003 - 20:58 #4
Du skal bare sørge for at funktionen først køres når siden er loadet!
Avatar billede anykey Nybegynder
12. april 2003 - 21:06 #5
Jeg kan godt følge dig.. jeg skal have et billede til at fylde en vis procentdel af et table, men hvordan finder jeg så hvor stort tablet er i pixels ? Jeg har prøvet at give et af mine <td> felter id="tableting" og prøvet med: document.images.mitpic.width = 0.7 * document.all.tableting.width;
Men det virker ikke :/
Avatar billede twm Nybegynder
12. april 2003 - 21:07 #6
Her er et eksempel:
<SCRIPT>
function resize(inImage)
{
    inImage.width=(inImage.width*0.7);
    inImage.height=(inImage.height*0.7);
}
</SCRIPT>
<img  onload="resize(this);" src="http://www.eksperten.dk/img/eksperten_logo_new.gif" id="animage">
<INPUT type="button" onclick="resize(animage);" value="Button" ID="Button1" NAME="Button1">
Avatar billede twm Nybegynder
12. april 2003 - 21:08 #7
eksemplet var ikke lavet til dit sidste spørgsmål jeg laver et med en td ;)
Avatar billede anykey Nybegynder
12. april 2003 - 21:09 #8
okay - tak ;o)
Avatar billede twm Nybegynder
12. april 2003 - 21:20 #9
<table border="1">
<tr>
    <td id="tdid">dsfkldskfldksflkdsflkfklkdsflkdsfldf</td>
</tr>
<tr>
    <td><img  onload="resize(this);" src="http://www.eksperten.dk/img/eksperten_logo_new.gif" id="animage"></td>
</tr>
</table>
<SCRIPT>
function resize(inImage)
{
    var imgOldSize = inImage.width;
    inImage.width=(tdid.clientWidth*0.7);
}
</SCRIPT>
<INPUT type="button" onclick="resize(animage);" value="Button" ID="Button1" NAME="Button1">
Avatar billede twm Nybegynder
12. april 2003 - 21:21 #10
En lille rettelse, jeg glemte lige at rydde op:
<table border="1">
<tr>
    <td id="tdid">dsfkldskfldksflkdsflkfklkdsflkdsfldf</td>
</tr>
<tr>
    <td><img  onload="resize(this);" src="http://www.eksperten.dk/img/eksperten_logo_new.gif" id="animage"></td>
</tr>
</table>
<SCRIPT>
function resize(inImage)
{
    inImage.width=(tdid.clientWidth*0.7);
}
</SCRIPT>
<INPUT type="button" onclick="resize(animage);" value="Button" ID="Button1" NAME="Button1">
Avatar billede olebole Juniormester
12. april 2003 - 21:30 #11
<ole>

twm >> Du har helt misforstået spørgsmålet. Billedet skal fylde 70% af cellens størrelse  :)

<script type="text/JavaScript">
function setDims(p) {
    var myTD = p.parentNode;
    p.style.width = Math.round(parseInt(myTD.offsetWidth)*0.7) + "px";
    p.style.height = Math.round(parseInt(myTD.offsetHeight)*0.7) + "px";
}
</script>

Kald funktionen med:
  <img src="ditPic.gif" onload="setDims(this)">

/mvh
</bole>
Avatar billede twm Nybegynder
12. april 2003 - 21:33 #12
Det gør mit scripts også, og det er ikke nødvendigt både at sætte width og height da den autoscaler
Avatar billede twm Nybegynder
12. april 2003 - 21:35 #13
ok du mener sådan at proportionerne ikke behøver at holdes?
Avatar billede olebole Juniormester
12. april 2003 - 21:36 #14
Nej  :)

1. Hvem siger, billedet fylder hele cellen til en start?
2. Det fungerer kun i IE
3. Din knap virker slet ikke, da du bruger argumentet forkert
Avatar billede olebole Juniormester
12. april 2003 - 21:38 #15
Du har slet ikke testet det ...... det kan ikke virke under _nogen_ omstændigheder. Det er helt forkert kodet  :)
Avatar billede twm Nybegynder
12. april 2003 - 21:39 #16
billedet fylder heller ikke hele cellen:
inImage.width=(tdid.clientWidth*0.7);
knappen er lidt lige meget det var bare den jeg testede med da jeg skrev koden ;)
Avatar billede olebole Juniormester
12. april 2003 - 21:41 #17
<table border="1">
<tr>
    <td colspan="2" id="tdid">dsfkldskfldksflkdsflkfklkdsflkdsfldf</td>
</tr>
<tr>
    <td><img  onload="resize(this);" src="http://www.eksperten.dk/img/eksperten_logo_new.gif" id="animage"></td>
    <td>blabla</td>
</tr>
</table>

Det er ikke særlig generisk, vel? Og så er det stadig proprietær IE-kode ... og det er vel ikke fedt  :)
Avatar billede twm Nybegynder
12. april 2003 - 21:42 #18
Det ser således ud i min browser:
http://www.twm.dk/jscript.PNG
Avatar billede olebole Juniormester
12. april 2003 - 21:43 #19
Ja, når du bruger det i lige præcis _den_ tabel ..... men prøv i en anden  ;o)
Avatar billede anykey Nybegynder
12. april 2003 - 21:46 #20
hmm.. tjaeh.. jeg har fået det til at virke.. men det giver mig stadig et problem, som en angivelse i procent ville løse..: Når jeg gør min browser-vindue større eller mindre, så vil mine billeder ikke tilpasse sig.. - hvis du forstår
Avatar billede olebole Juniormester
12. april 2003 - 21:49 #21
<body onresize="setDims(document.getElementById('myPic'))">
  <img id="myPic" src="ditPic.gif" onload="setDims(this)">
Avatar billede schaefner Juniormester
12. april 2003 - 21:50 #22
Kan du ikke bare gøre sådan her?

<table border="1" width="500"><tr>
<td width="500"><img src="http://www.eksperten.dk/img/eksperten_logo_new.gif" width="70%"></td>
</tr></table>
Avatar billede olebole Juniormester
12. april 2003 - 21:52 #23
schaefner >> Så bliver billedet 70% af sin oprindelige størrelse  ;o)
Avatar billede schaefner Juniormester
12. april 2003 - 21:54 #24
ole >> Ikke så vidt jeg kan se her.

/Jesper Sørensen
Avatar billede anykey Nybegynder
12. april 2003 - 21:54 #25
Nu begynder det at blive lidt avanceret.. hele mit script bliver nemlig udført hvert sekund... - kan det virkelig passe, at man ikke bare kan lave noget, der sætter width i % ? kan man ikke lave en slags global-variabel eller noget? og så bare skrive: <img src="bla.jpg" width="#minvar#"> ?
Avatar billede schaefner Juniormester
12. april 2003 - 21:56 #26
50% af tabllen:
http://schaefner.dk/339864.html

Prøv at skifte størrelse på browser-vinduet. Er det ikke sådan det skal fungere?
Avatar billede anykey Nybegynder
12. april 2003 - 21:59 #27
jo stortset :O)
Avatar billede olebole Juniormester
12. april 2003 - 22:01 #28
Jamen, skal det fylder da ikke 50% af cellen. Er det ikke ligeså højt, som cellen?

anykey >> Hvis dit script kører hvert sekund, har du lavet noget helt galt  :)
Avatar billede olebole Juniormester
12. april 2003 - 22:05 #29
http://tjenester.dk/x-codes.dk/eksperten/pic_test/
Avatar billede anykey Nybegynder
12. april 2003 - 22:07 #30
åååh.. hvor er det her besværligt.. okay.. 2 sek.. her er det jeg sidder og roder med: http://80.197.122.32/ting.php Det er et countdown-script med start kl. 22 og slut kl. 22.30 - koden er nok lidt rodet, men jeg er som sagt ret n00b til javascript ;)
Avatar billede anykey Nybegynder
12. april 2003 - 22:08 #31
hov virtuelle domæner driller lidt.. prøv med: http://lfe.dk/ting.php istedet :)
Avatar billede olebole Juniormester
12. april 2003 - 22:11 #32
Hvad er så idéen .... at sætte den samlede bars bredde?
Avatar billede anykey Nybegynder
12. april 2003 - 22:11 #33
det er hvad jeg er nået frem til indtil videre - og det virker jo ikke helt optimalt ;o)
Avatar billede anykey Nybegynder
12. april 2003 - 22:20 #34
idéen er at baren skal tilpasse sig tablet og stadig vise forløbet af countdown-tælleren... men det gør den overhovedet ikke nu ;o)
Avatar billede olebole Juniormester
12. april 2003 - 22:23 #35
Vent 10 minutter, så skal du få en helt anden løsning .... der virker. Også i NS  ;o)
/mvh
Avatar billede olebole Juniormester
12. april 2003 - 22:31 #36
http://tjenester.dk/x-codes.dk/eksperten/pic_test/
Avatar billede olebole Juniormester
12. april 2003 - 22:37 #37
Ooops .... grab den lige igen. Der var en fejl  :o)
Avatar billede olebole Juniormester
12. april 2003 - 22:40 #38
Og ret lige denne linie:
  document.all.snot.innerHTML = "<h1>It's over!!</h1>";
til:
  document.getElementById("snot").innerHTML = "<h1>It's over!!</h1>";
Avatar billede anykey Nybegynder
12. april 2003 - 22:47 #39
sådan skal det være :o) jeg takker mange gange for hjælpen
Avatar billede olebole Juniormester
12. april 2003 - 22:57 #40
... anytime  ;o)
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
31/0810:26 Synkronisering af kalender mellem computer, android telefon og iPhone Af Strawberry i Andre onlineløsninger
31/0810:24 Kan Excel selv beregne alder? Af leahcim i Excel
30/0815:02 Gemme besked fra Facebook / Messenger Af lurup i Sociale medier
29/0820:17 Kan man kopiere en DVD og afspille den på * Linux Mint - Cinnamon - 22.1 - "Xia" * ? Af Ikke-ekspert i Linux
27/0821:03 Kan man få Word viewer gratis Af Strawberry i Word
White papers
Flere white papers »