Gå til innhold

Skrift størrelse og video

corsa91

Av corsa91
i Programmering og webutvikling

Anbefalte innlegg

Videoannonse

Videoannonse
Annonse
MikkelRev

MikkelRev

Skrevet
Skrevet (endret)

Det kan du gjøre med enkel en php kode. Bare å sjekke querystringen for hvilken A som ble trykket, og sette font-size til ønsket antall pixler.

 

Video: Om du bruker HTML5 kan du bruke <video>-taggen

http://www.w3schools.com/html5/tag_video.asp

Men merk at det er mange nettlesere som ikke støtter den ennå. Jeg synes du sa du brukte TinyMCE. Isåfall finnes det en video-knapp i Wysiwyg-editoren.

Endret av MikkelRev
Lenke til kommentar
JohndoeMAKT

JohndoeMAKT

Skrevet
Skrevet

Dette er én måte å gjøre det på:

 

<html>
<head>
<style type="text/css">
	body {
		font-size: 14px;
	}
	h1 {
		font-size: 200%;
	}
	h2 {
		font-size: 160%;
	}
	p {
		font-size: 100%;
	}
</style>
<script type="text/javascript">
	function setTextSize(size) {
		if (size === 'small') {
			size = '10px';
		} else if (size === 'large') {
			size = '18px';
		} else {
			size = '14px';
		}
		document.body.style.fontSize = size;
	}
</script>
</head>
<body>
	<p>
		<a href="#" onclick="setTextSize('small'); return false;">S</a>
		<a href="#" onclick="setTextSize('medium'); return false;">M</a>
		<a href="#" onclick="setTextSize('large'); return false;">L</a>
	</p>
	<h1>Fisk og test</h1>
	<h2>Noe mer</h2>
	<p>Dette er også tekst</p>
</body>
</html>

Lenke til kommentar
corsa91

corsa91

Skrevet
  • Forfatter
Skrevet

Det siste har jeg men er det ikke mulig å få de tre aaaene i forskjellige str. En liten og middels og en stor?

Hoppet du over posten min nå igjen? Er ikke første gang du ignorerer svarene mine. :no:

 

Jeg ignorerte ikke men skjønte ikke helt dette:

Det kan du gjøre med enkel en php kode. Bare å sjekke querystringen for hvilken A som ble trykket, og sette font-size til ønsket antall pixler.

 

Video: Om du bruker HTML5 kan du bruke <video>-taggen

http://www.w3schools...5/tag_video.asp

Men merk at det er mange nettlesere som ikke støtter den ennå. Jeg synes du sa du brukte TinyMCE. Isåfall finnes det en video-knapp i Wysiwyg-editoren.

 

 

Har hatt litt tull med valideringa med PHP før så jeg er litt usikker. Jeg tror jeg setter det opp feil men hvordan skal jeg gjøre. Har ikke brukt TinyMCE

Lenke til kommentar
MikkelRev

MikkelRev

Skrevet
Skrevet (endret)

Vis alternativer:

<a href="index.php?fontsize=12">A</a>

<a href="index.php?fontsize=14">A</a>

<a href="index.php?fontsize=18">A</a>

 

 

 

Hent størrelse:

<?php

if(isset($_GET["fontsize"])

$fontsize="12";

else

$fontsize=$_GET["fontsize"];

?>

 

 

Sett størrelse:

<div style="font-size:<?php echo $fontsize;?>">

innhold på siden her

</div>

 

 

Du må nok justere den og tilpasse den. Er et par småfeil i koden, men det bør du klare å fikse selv ;)

Endret av MikkelRev
Lenke til kommentar
corsa91

corsa91

Skrevet
  • Forfatter
Skrevet (endret)

ok det skal jeg prøve;) Takk for det

 

Men kan man bruke php og HTML 5 uten at det blir tull med valideringa?

 

Ikkesant dette skal på cssen:

<div style="font-size:<?php echo $fontsize;?>">

innhold på siden her

</div>

 

Snakket med noen fra gruppa og de sier at det skal inn på php men det er jo feil.

Endret av corsa91
Lenke til kommentar
Thomas.

Thomas.

Skrevet
Skrevet

ok det skal jeg prøve;) Takk for det

 

Men kan man bruke php og HTML 5 uten at det blir tull med valideringa?

 

Ikkesant dette skal på cssen:

<div style="font-size:<?php echo $fontsize;?>">

innhold på siden her

</div>

 

Snakket med noen fra gruppa og de sier at det skal inn på php men det er jo feil.

 

Jeg tror ikke du vet helt hva HTML, CSS og PHP er for noe. Du bør lære deg hvertfall hva de forskjellige er og hva dem brukes til, før du prøver deg på noe kode.

 

Her, mekket sammen et klarere eksempel med John sin kode:

<style type="text/css">
body {
font-family:Tahoma, Geneva, sans-serif;
font-size:12px;
}
</style>

<script type="text/javascript">

function setTextSize(size) {

	var a = '10px'; // LITEN SKRIFT
	var b = '14px'; // MIDDELS SKRIFT
	var c = '18px'; // STOR SKRIFT

	if (size === 'small') {
		size = a;
	} else if (size === 'large') {
		size = c;
	} else {
		size = b;
	}

	document.getElementById('innhold').style.fontSize = size;

}

</script>

Størrelse: 
<a href="javascript::void(0);" onclick="setTextSize('small'); return false;" style="font-size:12px;">A</a>
<a href="javascript::void(0);" onclick="setTextSize('medium'); return false;" style="font-size:14px;">A</a>
<a href="javascript::void(0);" onclick="setTextSize('large'); return false;" style="font-size:16px;">A</a>

<br>
<br>

<div id="innhold" style="border-top:1px solid #000000;">
gffgdfgdg
<h1>Fisk og test</h1>
<h2>Noe mer</h2>
<p>Dette er også tekst</p>
</div>

 

Så ser du hva denne koden gjør (test den).

 

Her endrer du skriftstørrelsen:

var a = '10px'; // LITEN SKRIFT

var b = '14px'; // MIDDELS SKRIFT

var c = '18px'; // STOR SKRIFT

 

PHP bruker du vis du vil permanent endre font-størrelsen. /session, cookie, database etc

Lenke til kommentar
  • 2 uker senere...

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste
×
×
  • Opprett ny...