Notifikationer

Markér alle som læst Log ud

fld Nybegynder

13. januar 2008 - 12:01 Der er 20 kommentarer og
1 løsning

forstørre skriftstørrelsen

Hey,

Jeg har på et tidspunkt løbet på en hjemmeside hvor det var muligt at forøge skriftstørrelsen ved hjælp af en knap/ikon, nogen som ved hvordan det kan laves?

Synes godt om

w13 Novice

13. januar 2008 - 12:16 #1

object.style.fontSize="larger";
object.style.fontSize="smaller";

Synes godt om

fld Nybegynder

13. januar 2008 - 12:28 #2

Kan du gi mig noget mere kode?

Synes godt om

ffn Nybegynder

13. januar 2008 - 12:30 #3

Det er nok mere elegant at gøre vhja CSS

Synes godt om

w13 Novice

13. januar 2008 - 12:35 #4

ffn>> Hvordan ville du skifte uden brug af javascript?

<elm onclick="document.getElementById('tekstens-beholder').style.fontSize='larger'"></elm>
<elm onclick="document.getElementById('tekstens-beholder').style.fontSize='smaller'"></elm>

Synes godt om

fld Nybegynder

13. januar 2008 - 12:35 #5

Sådan?

<html>
<head>
<script type="text/javascript">
function setFontSize()
{
document.getElementById("p1").style.fontSize="larger";
}
</script>
</head>
<body>

<p id="p1">Noget Tekst</p>

<input type="button" onclick="setFontSize()" value="Change font-size" />

</body>
</html>

Men jeg ville så gerne at man feks. kan forøge den tre gange.

Synes godt om

fld Nybegynder

13. januar 2008 - 12:43 #6

kan det ikke lade sig gøre?

Synes godt om

fld Nybegynder

13. januar 2008 - 12:48 #7

Jeg har lavet det sådan:

<p id="p1">Noget Tekst</p>

<img src="sitemap.jpg" onclick="document.getElementById('p1').style.fontSize='larger'">
<img src="sitemap.jpg" onclick="document.getElementById('p1').style.fontSize='smaller'">

Men som skrevet, man skulle helst kunne forøge den mere end en gang.

Synes godt om

w13 Novice

13. januar 2008 - 12:56 #8

Det burde det kunne, jo. Også mere end én gang.

Synes godt om

fld Nybegynder

13. januar 2008 - 12:58 #9

Det kan man ikke, har prøvet i IE7 og FF 2.0.0.11

Synes godt om

fld Nybegynder

13. januar 2008 - 13:02 #10

Den forøger den kun en gang over normal skriftstørrelse, og trykker man så derefter på smaller, forminsker den med et tryk skriftstørrelsen en tand under den normale.

Synes godt om

fld Nybegynder

13. januar 2008 - 13:03 #11

dvs. den gør ikke til den normale, men en tand under ved tryk på smaller

Synes godt om

w13 Novice

13. januar 2008 - 13:12 #12

Jeg ved ikke, hvorfor den ikke kan flere gange, men det at den bli'r mindre end "normal" er vel fordi den bruger skriftstørrelser 1-7, hvor du måske har sat din normale til noget specielt.

Synes godt om

fld Nybegynder

13. januar 2008 - 13:17 #13

http://www.w3schools.com/htmldom/prop_style_fontsize.asp

smaller Sets the font-size to a smaller size than the parent element
larger Sets the font-size to a larger size than the parent element

og så:

<img src="sitemap.jpg" onclick="document.getElementById('wrap').style.fontSize='medium'">

for normal.

Jeg kan ikke rigtig bruge det.

Synes godt om

w13 Novice

13. januar 2008 - 13:40 #14

Hvad så med:

document.getElementById('wrap').style.fontSize+=1;
document.getElementById('wrap').style.fontSize-=1;

?

Synes godt om

fld Nybegynder

13. januar 2008 - 13:49 #15

Nope, men jeg har måske fundet noget via CSS, giver råber lige op når jeg har testet det.

Synes godt om

fld Nybegynder

13. januar 2008 - 14:59 #16

Se her: http://www.alistapart.com/d/relafont/example.html

Synes godt om

w13 Novice

13. januar 2008 - 16:37 #17

Hvis det har løst dit problem, skal du bare oprette et svar selv og acceptere det, så lukkes spørgsmålet.

Synes godt om

fld Nybegynder

13. januar 2008 - 16:41 #18

Det har det, det var mere for at dele det med jer andre.

Synes godt om

olebole Juniormester

13. januar 2008 - 16:56 #19

<ole>

Hmmm ... det ligner ellers ikke alistapart at levere den slags. Kommentaren - og ikke mindst 'løsningen' - om IE's bug vedr. XHTML er helt i skoven. Specielt i forbindelse med XHTML 1.0 Transitional. Derudover finder jeg ikke løsningen med flere stylesheets videre elegant. Prøv evt. denne løsning:

<script type="text/JavaScript">
var size = 1;
function setFont(bUp) {
if (bUp) size += 0.2;
else size -= 0.2;
document.getElementsByTagName("body")[0].style.fontSize = size + "em";
}
</script>

<p><button onclick="setFont(1)">Font +</button><button onclick="setFont()">Font -</button></p>

<div>OleBole Bum</div>

/mvh
</bole>

Synes godt om

fld Nybegynder

13. januar 2008 - 18:55 #20

olebole,

Jeg opretter et spørgsmål: http://www.eksperten.dk/spm/814465

og tak for en ret simpel løsning :-)

Synes godt om

olebole Juniormester

13. januar 2008 - 19:25 #21

Selvtak. For en anden gangs skyld, så blander jeg mig tit i lukkede spørgsmål uden at forvente points for det ;o)

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS