Scripts - Tutorials - Forum - Downloads - Showcase - Contact

Artikels

VPN vergelijken

Algemeen

Beginpagina

FAQ

Grafische worm (243)

Links

Nieuwsartikels

Nieuwsarchief

Boeken programmeren

Overzicht

Samenwerken

Webhosting

Zoek op Sitemasters

Leden

Registreren

Ledenlijst

Ons team

Links

webhostingtop10.be

Sociale media

Follow @sitemasters

Sitemasters

Adverteren op Sitemasters?

Contacteer ons

RSS

Link naar ons

Donaties

Poll

Je moet ingelogd zijn om te stemmen.

Statistieken

Linkpartners

Forum

Categorieën > JavaScript

document.write

Erwt - 12/12/2006 11:54
PHP beginner		Hallo iedereen, ik heb nu: php code - Bekijk de code zonder highlighting - Klap code in document.write (detext); document.write (detext); Dit vult gewoon de text in die de gebruiker invult.. Hoe kan ik deze tekst nu opmaken met CSS? Alvast bedankt, Erwt

8 antwoorden

Gesponsorde links

GTW - 12/12/2006 12:16
PHP gevorderde		document.write('<span style=""">' + detext + '</span>') zo moet het werken

Erwt - 15/12/2006 11:04 (laatste wijziging 15/12/2006 11:06)

PHP beginner

Sorry voor de late reactie, en alvast bedankt!! maar dit is wat ik tot nu toe heb en het werkt nog niet:

php code - Bekijk de code zonder highlighting - Klap code in

                <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
	<head>
		<title> TestPagina </title>
		
		<script type="text/css">
		
			.ChangedText {
				color:			FF0000;
				font-size:		40pt;
			}
			
		</script>
		<script type="text/javascript" src="Javascript.js">
		
			function ButtonClick()
			{
			var detext = document.getElementById("paginatext").value;
			document.write('<span style="ChangedText">' + detext + '</span>')
			}
			
		</script>
	</head>
	
<body>
	<textarea id="paginatext"></textarea> <br />
	<input type="button" value="Verander!" OnMouseDown="ButtonClick()" />
</body>
</html>
            
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
	<head>
		<title> TestPagina </title>
 
		<script type="text/css">
 
			.ChangedText {
				color:			FF0000;
				font-size:		40pt;
			}
 
		</script>
		<script type="text/javascript" src="Javascript.js">
 
			function ButtonClick()
			{
			var detext = document.getElementById("paginatext").value;
			document.write('<span style="ChangedText">' + detext + '</span>')
			}
 
		</script>
	</head>
 
<body>
	<textarea id="paginatext"></textarea> <br />
	<input type="button" value="Verander!" OnMouseDown="ButtonClick()" />
</body>
</html>
 

*Ik weet dat het onnodig is die src te laten staan bij javascript maar toch, en wat niet werkt is de Style die erover heen moet.. of moet ik dat binnen de tag doen?*

En dit werkt ook niet:

php code - Bekijk de code zonder highlighting - Klap code in

                			document.write('<span style="font-size:40pt;">' + detext + '</span>')
            
document.write('<span style="font-size:40pt;">' + detext + '</span>')

Onnutani - 15/12/2006 11:10
Lid		het probleem zit em idd in die src="Javascript.js" haal dat weg en je hebt geen problemen.

Erwt - 15/12/2006 11:14 (laatste wijziging 15/12/2006 11:18)
PHP beginner		Pardon, dit wist ik niet! alvast bedankt!! En als ik nouw zo brutaal mag zijn: Hoe moet je dat dan doen als je je source in Javascript.js hebt staan, en dan een Style gebruiken in een EXTERNE stylesheet? En hoe werkt :firstletter dan Sorry voor het aantal vragen!

Onnutani - 15/12/2006 11:18

Lid

php code - Bekijk de code zonder highlighting - Klap code in

                <script type="text/javascript" src="Javascript.js" />
<link rel="stylesheet" href="style.css" type="text/css" >
            
<script type="text/javascript" src="Javascript.js" />
<link rel="stylesheet" href="style.css" type="text/css" >
 

Erwt - 15/12/2006 11:19
PHP beginner		Dus dan moet ik alleen de stylesheet onder het javascript zetten?

Onnutani - 15/12/2006 11:22

Lid

je maakt een bestand style.css daarin zet je :

php code - Bekijk de code zonder highlighting - Klap code in

                      .ChangedText {
        color:      FF0000;
        font-size:    40pt;
      }

            
.ChangedText {
        color:      FF0000;
        font-size:    40pt;
      }
 

daarna maak je een bestand Javascript.js daarin zet je :

php code - Bekijk de code zonder highlighting - Klap code in

                      function ButtonClick()
      {
      var detext = document.getElementById("paginatext").value;
      document.write('<span style="ChangedText">' + detext + '</span>')
      }

            
function ButtonClick()
      {
      var detext = document.getElementById("paginatext").value;
      document.write('<span style="ChangedText">' + detext + '</span>')
      }
 

daarna vervang je alle css en javascript in je hoofddocument door :

php code - Bekijk de code zonder highlighting - Klap code in

                <script type="text/javascript" src="Javascript.js" />
<link rel="stylesheet" href="style.css" type="text/css" >

<script type="text/javascript" src="Javascript.js" />
<link rel="stylesheet" href="style.css" type="text/css" >

Erwt - 15/12/2006 11:24 (laatste wijziging 15/12/2006 11:26)

PHP beginner

Volgens mij heb ik het nu zo :S

Index.html

php code - Bekijk de code zonder highlighting - Klap code in

                <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
	<head>
		<title> TestPagina </title>
		
		<script type="text/javascript" src="Javascript.js" />
		
		<link rel="stylesheet" href="style.css" type="text/css" >
	</head>
	
<body>
	<textarea id="paginatext"></textarea> <br />
	<input type="button" value="Verander!" OnMouseDown="ButtonClick()" />
</body>
</html>
            
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
	<head>
		<title> TestPagina </title>
 
		<script type="text/javascript" src="Javascript.js" />
 
		<link rel="stylesheet" href="style.css" type="text/css" >
	</head>
 
<body>
	<textarea id="paginatext"></textarea> <br />
	<input type="button" value="Verander!" OnMouseDown="ButtonClick()" />
</body>
</html>
 

Javascript.js

php code - Bekijk de code zonder highlighting - Klap code in

                			function ButtonClick()
			{
			var detext = document.getElementById("paginatext").value;
			document.write('<span style=".ChangedText">' + detext + '</span>')
			}
            
function ButtonClick()
			{
			var detext = document.getElementById("paginatext").value;
			document.write('<span style=".ChangedText">' + detext + '</span>')
			}
 

style.css

php code - Bekijk de code zonder highlighting - Klap code in

                	.ChangedText {
			font-size:			40pt;
			color:				#FF0000;
	}
            
.ChangedText {
			font-size:			40pt;
			color:				#FF0000;
	}
 

Gesponsorde links

Dit onderwerp is gesloten.

Actiefste leden van de maand

Actieve forumberichten