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 > Overige

vista/windows 7 gadgets maken. (Opgelost)

lolll - 29/05/2010 16:55

Lid

Ik heb al hele dagen google afgezocht om eens een goede en duidelijke tutorial te vinden om vista/windows 7 gadgets te maken. Ook op de microsoft site heb ik reeds gezocht, daar heb ik een goed begin gevonden, maar ik zit nog steeds met een probleem.
Ik weet niet hoe ik met javascript en andere codes, de invoer van een gebruiker kan opslagen en wijzigen. Dat heb ik nog op geen enkele site gevonden. MIjn bedoeling is simpel : Ik wil dat je bij instellingen je naam invult, en dat dat wordt opgeslagen, en dat je dan ziet : " Welkom 'je naam'". Ik heb al wat code, maar hij werkt nog niet. Zou iemand de code nog zo kunnen aanpassen dat het wel werkt ?

Hier komt de code.
(Welcome.html)(standaard bestand)

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

<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=Unicode" />
		<title>Welcome</title>
		<script src="script.js" language="javascript"></script>
		<script>
			System.Gadget.settingsUI = "settings.html";
		</script>
		<style type="text/css">
			body{
				margin: 0;
				width: 130px;
				height: 75px;
				font-family: verdana;
				font-weight: bold;
				font-size: 20px;
			}
			#gadgetContent{
				margin-top: 20px;
				width: 130px;
				vertical-align: middle;
				text-align: center;
				overflow: hidden;
				color:#03F;
			}
		</style>
	</head>
	<body>
		<span id="gadgetContent"><script language="javascript">document.write(TEXT['value']);</script></span>
	</body>
</html>

<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=Unicode" />
		<title>Welcome</title>
		<script src="script.js" language="javascript"></script>
		<script>
			System.Gadget.settingsUI = "settings.html";
		</script>
		<style type="text/css">
			body{
				margin: 0;
				width: 130px;
				height: 75px;
				font-family: verdana;
				font-weight: bold;
				font-size: 20px;
			}
			#gadgetContent{
				margin-top: 20px;
				width: 130px;
				vertical-align: middle;
				text-align: center;
				overflow: hidden;
				color:#03F;
			}
		</style>
	</head>
	<body>
		<span id="gadgetContent"><script language="javascript">document.write(TEXT['value']);</script></span>
	</body>
</html>

(settings.html)

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

<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=Unicode" />
		<title>Settings</title>
		<script src="script.js" language="javascript"></script>
		<script language="javascript">
			var uservalue = tekstveld.value;
			System.Gadget.onSettingsClosed = settingsClosed; 
			function settingsClosed(p_event) {
			   //OK clicked?
    			if (p_event.closeAction == p_event.Action.commit) {
					System.Gadget.Settings.write("uservalue", TEXT['uservalue']);
    			}
			}
		</script>
		<style type="text/css">
			body{
				margin: 0;
				width: 220px;
				height: 100px;
				font-family: Arial;
				font-size: 10px;
			}
		</style>
	</head>
	<body>
		<input type="text" name="tekstveld" id="tekst" />
	</body>
</html>

<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=Unicode" />
		<title>Settings</title>
		<script src="script.js" language="javascript"></script>
		<script language="javascript">
			var uservalue = tekstveld.value;
			System.Gadget.onSettingsClosed = settingsClosed; 
			function settingsClosed(p_event) {
			   //OK clicked?
    			if (p_event.closeAction == p_event.Action.commit) {
					System.Gadget.Settings.write("uservalue", TEXT['uservalue']);
    			}
			}
		</script>
		<style type="text/css">
			body{
				margin: 0;
				width: 220px;
				height: 100px;
				font-family: Arial;
				font-size: 10px;
			}
		</style>
	</head>
	<body>
		<input type="text" name="tekstveld" id="tekst" />
	</body>
</html>

(script.js)

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

                var TEXT = [];
TEXT['pre'] = 'Hallo ';
TEXT['undefined'] = '?';
TEXT['defaultvalue'] = TEXT['pre'] . TEXT['undefined'];
if(TEXT['uservalue'] == ''){
	TEXT['value'] = TEXT['defaultvalue'];
}else{
	TEXT['value'] = TEXT['pre'] . TEXT['uservalue'];
}

            
var TEXT = [];
TEXT['pre'] = 'Hallo ';
TEXT['undefined'] = '?';
TEXT['defaultvalue'] = TEXT['pre'] . TEXT['undefined'];
if(TEXT['uservalue'] == ''){
	TEXT['value'] = TEXT['defaultvalue'];
}else{
	TEXT['value'] = TEXT['pre'] . TEXT['uservalue'];
}
 

Hopelijk hebben jullie er wat aan.

Als mijn gadget af is, ga ik eens een goede tutorial online zetten, want welicht zijn er nog meer mensen die met dezelfde problemen zitten.

2 antwoorden

Gesponsorde links

Stijn - 30/05/2010 01:33 (laatste wijziging 30/05/2010 01:33)
PHP expert		Kijk eens in de broncode van Sitemasters vista gadget 2.
Bedankt door: lolll

lolll - 30/05/2010 15:07
Lid		ok, ik heb het gedownload, en bekeken. Ik wist niet dat er zo'n gadget bestond ! Het is zeer mooi. Alleen snap ik niet veel van de broncode enzo. Ik heb nog wat op de website van microsoft gezocht, en ik heb voorbeeldbestanden gevonden. Met die bestanden heb ik de gadget kunnen afmaken. Binnenkort ga ik dan een tutorial schrijven. Alleen weet ik niet hoe ik die op sitemasters moet zetten, en ik weet ook niet of het voor de vakantie klaar zal zijn, omdat ik binnen 2 weken examens heb. Grt,Lolll

Gesponsorde links

Dit onderwerp is gesloten.

Actiefste leden van de maand

Actieve forumberichten