Fredag den 10-10-2003 ----------------------------------------------------------------------- Ugebrev nr. 31 - [Tips&Trics] - Opret en formular (1) -----------------------------------------------------------------------
1. Udskriv vandm�rke p� hjemmesiden 2. N�js med at skrive tingene �n gang! 3. Du kan regne med Google 4. Opret en formular (1) 5. Omd�b flere filer p� �n gang i Windows XP ,������,������,������,������,������,������,������,������,������,������, Da jeg stoppede som advokatsekret�r i 1996, for�rede min chef mig 2.000 kroner i afskedsgave. Det var en formue, som jeg ville investere i noget varigt, for jeg havde v�ret meget glad for min chef. Jeg k�bte en Nokia NMT telefon. Den var stor som en mursten, men jeg var lykkelig. Den kostede netop 2.000 kroner p� tilbud. I dag? I dag kan du f� meget billige telefoner, men s� billige som disse her? 1 krone for en Ericsson fx? Butikken har desuden mange andre lige s� gode tilbud. Klik hurtigt her, som de skriver i Frankrig. P� fransk, forst�s ;-) *************************************************************************** F� en Sony Ericsson R600 for kun 1 krone! Eller hvad med en Sony Ericsson T68i for 299,-? http://brand2brand.com/s/?f9d96ce39e2d18228aa8b0f848129564 *************************************************************************** ----------------------------------------------------------------------- 1. Udskriv vandm�rke p� hjemmesiden ----------------------------------------------------------------------- I fredags, kort efter at jeg havde sendt Tips&Tricks, modtog jeg en e-mail fra Marianne A, der skrev: "Har med interesse l�st din beskrivelse af vandm�rke p� hjemmeside bag tekst. Er der nogen mulighed for at tvinge vandm�rket med p� en udskrift af teksten? Jeg pr�vede at udskrive din champagneside med markering af teksten, men flasken kom ikke med. Jeg ville gerne have et vandm�rke som blev skrevet med ud, s� man kunne se hvor teksten kom fra." Nej, et vandm�rke kan ikke tvinges med p� en udskrift. G�sten kan selv indstille sin browser til at udskrive baggrunden, men du kan ikke selv p�tvinge det. Mariannes id� inspirerede mig, for jeg kunne bestemt godt se mulighederne i det, s� jeg t�nkte, at n�r en baggrund ikke kunne udskrives, s� m�tte det kunne lade sig g�re p� en anden m�de at f� billedet udskrevet. Det lykkedes - to d�gn senere havde jeg fundet en m�de, det kunne lade sig g�re p�. Dog kun, hvis man har �n enkelt side, og det virker desv�rre ikke p� alle printere... Se - og udskriv - http://www.tips-og-tricks.com/eksempler/vandmaerke.html ********************************************************************** Hvad ved du om virus, firewall, adsl, formatering og billedredigering? Pr�v bladet 'Komputer for alle' + CD + USB-n�gle for kun 19,50 kr... USB-n�glen erstatter dine disketter og kan lagre hele 16 Mb fra pc til pc! http://brand2brand.com/s/?92117d979031a4d0c652c6db44796648 ********************************************************************** Ingredienserne er f�lgende: --------------------------- 1 HTML-dokument 1 billede til vandm�rke 1 billede til udskriften - kan v�re det samme som vandm�rket 1 stylesheet til visning p� sk�rmen 1 stylesheet til udskrift Opskriften: ----------- Hvis du lavede HTML-dokumentet med vandm�rket sidst, s� skal det kun lige tilrettes lidt, hvis du har brugt "inline stylesheets", dvs. skrevet stilen direkte i tagget, her var der tale om <body>. Fjern i s� fald alt, hvad der hedder <style> og har med style at g�re, for nu skal du linke til to stylesheets: 1 til brug for sk�rmvisningen, og 1 til brug for udprintningen. I eksemplet her har jeg lavet et stylesheet, der hedder "vandmaerke.css" til sk�rmvisningen og et, der hedder "print.css" til udskriften. I <head> skal jeg linke til disse to stylesheets s�ledes: <link rel="stylesheet" href="vandmaerke.css" type="text/css" media="screen"> <link rel="stylesheet" href="print.css" type="text/css" media="print"> Opret nu - med TopStyle eller fx Notesblok - et stylesheet, der hedder "vandmaerke.css". I det beh�ver der kun at st�: body{ background: url(champagne.gif) no-repeat fixed center; } #vand{ display: none; } hvor "champagne.gif" er navnet p� det billede, jeg har brugt som vandm�rke p� siden. Opret endnu et stylesheet, som du kalder "print.css", og som skal indeholde f�lgende tekst: #tekst{ position: absolute; z-index: 4; } #vand{ position: absolute; z-index: 2; left: 20%; top: 30%; } Hvis du forestiller dig, at du har selve teksten liggende som et ark papir og billedet som et rigtigt billede, s� bestemmer z-index hvilken en af de to ting, der skal ligge �verst i bunken. Jo h�jere tal, desto mere "�verst" ligger emnet. Her vil vi have teksten over vandm�rket, s� teksten er blevet tildelt indekset 4, mens billedet (vand) kun har indeks 2. 0 er lavest, men det er godt at have i reserve, hvis du finder ud af, at du skal have andre ting liggende under vandm�rket. Left og top (venstre og top) kan det godt t�nkes, at du selv skal ind og indstille. Det afh�nger nemlig blandt andet af st�rrelsen af dit billede. Pr�v dig frem i s� fald, til du har et vandm�rke, der er nogenlunde i midten af siden. V�r opm�rksom p�, at du kun kan se billedet, n�r du enten printer siden ud eller v�lger Filer -> Vis udskrift. Nu kommer det til billedet... Jeg har brugt "champagne.gif" til den side, der skal vises i browseren, og et billede, der siger "copyright Britt Malka" til udskriften. Du kan v�lge at have to billeder eller bruge det samme. Tilbage i HTML-dokumentet skal vi have indsat billedet til udskriftsiden. G�r det fx lige efter overskriften, dvs. fx <h1>Overskrift</h1><span id="vand"><img src="vandmaerke.gif"></span> Span betyder, at billedet bliver indsat p� samme linje som overskriften, men stylesheetet flytter det p� plads. Du fort�ller browseren, at den skal bruge de indstillinger, du har skrevet i stylesheetet under navnet "vand", ved at skrive "id="vand". "vandmaerke.gif" udskifter du bare med navnet p� dit billede. Hvis du ikke har brugt samme billede til vandm�rket p� forsiden som til udskriften, skal du lige have indsat billedet igen, men denne gang uden at vise det. Ellers vil nogle browsere ikke kunne finde ud af at vise billedet i udskriften. Du inds�tter f�lgende kode i bunden af dit HTML-dokument - lige f�r </body>: <img src="vandmaerke.gif" height="0" width="0"> *********************************************************************** H�nderne op og v�k med de overfl�dige kilo! F� en gratis pr�vepakke og bed�m selv... http://brand2brand.com/s/?40035fa8516612ab5d2f8a2e54293240 ********************************************************************** ----------------------------------------------------------------------- 2. N�js med at skrive tingene �n gang! ----------------------------------------------------------------------- I fredags var det �benbart dagen for mig til at modtage kommentarer til mit ugebrev - dejligt - for Per B skrev: "S� vidt jeg kan se, er problemet ved ovenst�ende, at man skal lave en l�sning, selv om man skal bruge samme tekst i f. eks. Word og Poco Mail eller et andet program. M� jeg minde om, at der findes et praktisk lille program, der hedder ShortKeys, som l�gger makroer eller tekster ind universalt i andre programmer. F. eks. navn og adresse, der kan v�re brug for i vidt forskellige programmer - og s� vidt jeg husker, er ShortKeys endda freeware ..." Ja, det m� Per meget gerne minde om. ShortKeys findes ganske rigtigt i en gratis "lite" udgave og i en noget mere omfattende version, der kun koster sm� 20 dollars. Den kan findes p� http://www.shortkeys.com Jeg har brugt Shortkeys Lite siden i fredags, og jeg er vild med programmet. Shortkeys kan bruges til at erstatte et ord, du skriver, med en hel tekst, alts� som jeg beskrev fx teksten "notarius" i sidste ugemail. Shortkeys kan bruges i alle programmer, hvor du bruger tekst, som fx tekstbehandlingsprogrammer, e-mail-programmer, notesblok, regneark, browsere, hjemmesideprogrammer m.m., og du kan bruge det til fx at erstatte: * Navn, adresse, telefon, fax, e-mail, hjemmeside, kodeord * E-mail taglines, hvis dit program ikke underst�tter det * Svar i breve * Svar i e-mail * alt muligt andet, hvor du skriver de samme ting igen og igen, som fx hilsner i breve/e-mail. Is�r p� fransk, hvor vi har nogle kringlede formuleringer, er dette en god ting. Eneste minusser: ShortKeys findes kun til Windows, og den er p� engelsk ********************************************************************** Udvid din DVD-samling for 0.- kr.! V�lg din ynglings DVD-film blandt flere titler. http://brand2brand.com/s/?c4a43bd48e08a54b9af5b972b8f6869e ********************************************************************** N�r du har downloadet og installeret Shortkeys, skal du starte programmet. V�lg Options -> Prefix and Suffix Keys. Det er her, du bestemmer, hvordan du vil bruge Shortkeys, for du kan enten have et tegn f�rst, som fx "#notarius" eller du kan v�lge, at det virker, bare du skriver ordet, dvs. bare du fx skriver "notarius" og laver et mellemrum, s� kommer teksten frem. Sidstn�vnte l�sning er den jeg har valgt, men det kr�ver, at man er p�passelig med de ord, man v�lger som kaldenavne. Bagefter mangler du blot at oprette en tekst og et kaldenavn, hver gang du kommer i en situation at skulle skrive en tekst, som du ved, du kommer til at skrive igen. * Klik p� knappen Add shortkey helt ude til venstre. * Skriv det navn, du vil bruge til at kalde teksten frem med. * Skriv selve teksten i det store felt. * Klik p� Update. ���'����,��,����'����,��,����'����,��,����'����,��,����'����,��,����'����, Hvad ville du sige til et flot BH-S�t for kun 29 kr.? Det er flot designet og lige nu sparer du 170 kroner... http://brand2brand.com/s/?9de5de80cdefd66214b592811f6d6f83 ----------------------------------------------------------------------- 3. Du kan regne med Google ----------------------------------------------------------------------- Du er i gang med at surfe p� nettet og finder ud af, at ud af hele Utopias befolkning p� 7 mio. mennesker er der kun 3 procent, der spiser fl�skesteg. Emnet interesserer dig, s� du kunne godt t�nke dig at vide, hvor mange mennesker det drejer sig om, men... hvor er det nu lige, at lommeregneren er? I skuffen? N�h, efter fem minutters forg�ves roden omkring der, m� du opgive. Hvad s�? Tjah, du er jo allerede p� nettet med fingrene p� tastaturet og browseren �ben, s� hvorfor ikke regne med Google? G� til http://www.google.dk, skriv "3% of 7000000" i s�gefeltet, og tryk [Retur]. Hvad blev svaret? Googles nye lommeregner funktion kan faktisk andet end lige at l�gge 2+2 sammen, dividere, gange osv. Du kan ogs� hurtigt f� omregnet fx km til miles eller omvendt. Helten i din roman k�rer m�ske med 90 miles i timen p� landevejen... Er det hurtigt eller hvad? Skriv "90 miles in km" p� Google, og vupti, du ved nu, hvor meget han k�rer. Du kan se alle lommeregnerens funktioner p� http://www.google.dk/intl/da/help/calculator.html ,������,������,������,������,������,������,������,������,������,������, L�n op til 100.000,- til normal bankrente og spar p� forklaringerne. Vi blander os ikke i hvad du vil bruge pengene til. Klik og ans�g nu. http://brand2brand.com/s/?1f58b110685854007f7d013d829dd981 ----------------------------------------------------------------------- 4. Opret en formular (1) ----------------------------------------------------------------------- "Skriv dit navn, e-mail-adresse og din tekst her, og vi sender dig et svar p� din foresp�rgsel." - Vi er alle st�dt p� s�danne smarte formularer p� nettet, hvor man bare beh�ver at klikke i felterne og udfylde dem, og s� sker der ting og sager. En s�dan formular best�r af to dele: En HTML-del (selve hjemmesiden) og et script, der udf�rer en handling, som fx at sende en e-mail. Fordelen ved at lave formularen p� denne m�de, og ikke med et program som fx Frontpage, er, at du er uafh�ngig af, om din g�st har installeret sit mailprogram korrekt eller ej. Den slags formularer virker nemlig ikke altid. Du kan se et eksempel p� den formular, vi skal lave. Den er helt uden pynt eller noget. http://www.tips-og-tricks.com/eksempler/formular.html I dag skal vi se p� HTML-delen. Vi laver en super enkel formular med tre felter og to knapper. N�ste fredag laver vi det script, der kan f� din formular til at blive aktiv. Vores formular vil indeholde et felt, hvor g�sten kan skrive sit navn, et felt til hans e-mail-adresse og et afkrydsningsfelt. Endelig vil der v�re to knapper, der hhv. fjerner alt det, han har skrevet, og s�tter gang i scriptet, der sender b�de ham og dig en e-mail. Formularen kan laves i et hvilket som helst hjemmesideprogram. Her viser jeg koderne i ren HTML, som kan laves fx i Notesblok, for uanset programmet vil du alligevel skulle ind i koderne. Husk, at du kan downloade mit gratis - men noget gamle - kursus i HTML blot ved at sende en e-mail til [EMAIL PROTECTED], hvor emnet er HTML-kursus. ********************************************************************** F� 2 numre af National Geographic... Samt en fleecejakke eller et par fritidsbukser. Du f�r det hele for kun 29,50 og sparer hele 300,-! http://brand2brand.com/s/?a0354c41f5b01323ba49f3d33994f219 ********************************************************************** HTML-koden ---------- I HTML-koden skal du g�re opm�rksom p�, at du nu vil lave en formular i <body>, hvilket du g�r med tagget <form> Der skal lidt flere oplysninger i, nemlig hvilket script formularen skal bruge, og hvad den skal g�re. Vores formular skal poste en besked, og den skal bruge et script, som vi i n�ste uge kalder for formular.php. Hele form-tagget kommer s� til at se s�dan ud: <form method="post" action="formular.php"> - husk, at den skal sluttes af til sidst med </form>. Inde i formularen har du nogle felter, som din g�st skal udfylde. Det er input-felter, og tagget hedder bare <input>. Her igen skal vi have nogle flere oplysninger med, nemlig hvilken type input, der er tale om (fx tekst), hvad navnet er p� feltet, og om der evt. skal st� noget i forvejen, om det har en l�ngde osv. Navnet p� feltet skal vi bruge til vores php-script, s� det skal v�re i �t ord, uden mellemrum og danske tegn. Feltet til navnet kan se s�dan ud: Skriv dit navn her: <input type="text" name="navn" maxLength="40" size="40"> Feltet til e-mail ligner det: Skriv din e-mail her: <input type="text" name="email" maxLength="40" size="40"> Afkrydsningsfeltet er lidt anderledes: Vil du have kaffe og bl�dkogt �g? <input type="checkbox" name="kryds"> S� mangler vi kun de to knapper, som er af henholdsvis typen "reset", der sletter alt det indtastede, og "submit" der sender beskeden af sted til scriptet. <input type="reset" name="slet" value="Slet"> <input type="submit" name="jatak" value="Ja tak!"> Husk: </form> til sidst. Hvis du har fulgt med hertil og har skrevet det hele i Notesblok, kan du nu enten s�tte skemaet ind i en eksisterende hjemmeside, eller huske at have alle de oplysninger med, der skal v�re i starten af en hjemmeside: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd";> <html> <head> <title>Titlen osv.</title> <body> Dit script... M�ske synes du ikke, at din formular ser s� k�n ud... At s�tte den ind i en tabel pynter lidt, eller du kan bruge Stylesheets, inds�tte billeder, g�re nogle af felterne farvede og meget andet. Pr�v dig frem, du har en hel uge, til du skal i gang med PHP-scriptet. Her kommer hele formularen i en tabel i hvert fald: <table border="0"> <form method="post" action="formular.php"> <TR> <TD>Skriv dit navn her:</TD> <TD><input type="text" name="navn" maxLength=40 size=40></TD> </TR> <TR> <TD>Skriv din e-mail her:</TD> <TD><input type="text" name="email" maxLength=40 size=40></TD> </TR> <TR> <TD>Vil du have kaffe og bl�dkogt æg?</TD> <TD><input type="checkbox" name="kryds"></TD> </TR> <TR> <TD><input type="reset" name="slet" value="Slet"></TD> <TD><input type="submit" name="jatak" value="Ja tak!"></TD> </TR> </TABLE> </FORM> ,������,������,������,������,������,������,������,������,������,������, L�r dine b�rn om fyrv�rkeri, brandsikkerhed og mm.. Klik og h�r mere om Falck-Klubben helt uforpligtende. http://brand2brand.com/s/?261d5e9aeb0977ccddee2b8e1f3ea8e2 ----------------------------------------------------------------------- 5. Omd�b flere filer p� �n gang i Windows XP ----------------------------------------------------------------------- Hvis du har en gruppe filer, som du gerne vil omd�be fra fx "m�ge.jpg", "solsort.gif", "krage.bmp" og "�rn.tif", til noget med "fugle", s� er det let i Windows XP. Du markerer simpelthen filerne. (Klik p� den f�rste, hold CTRL nede og klik p� de �vrige �n ad gangen) Bagefter taster du F2, som er genvejen til "Omd�b". Skriv det nye gruppenavn, fx "fugle", men HUSK, at hvis den sidste fil, du har klikket p� hedder fx "�rn.tif", s� skal du have betegnelsen "tif" med og skrive "fugle.tif", n�r du omd�ber. Hvis du ikke kan se nogen filtype, s� skal du slet ikke t�nke p� det, men bare skrive "fugle" og trykke [Retur]. Herefter kommer gruppen af filer nok s� nydeligt til at hedde "fugle", "fugle(1)", "fugle(2)" osv. med de rigtige filtyper p�, hvadenten du kan se dem eller ej. ********************************************************************** Har du altid dr�mt om at f� din egen hjemmebiograf? K�b din egen Phillips hjemmebiograf for kun 179,- pr. mdr. G�r din dr�m til virkelighed med 5 klik og levering i morgen! http://brand2brand.com/s/?ba68de937a72f5cce055df8159727333 ********************************************************************** God weekend :-) -- Varme hilsner Britt Malka ...I'm a Red Sea pedestrian, and proud of it! ----------------------------------------------------------------------- Find tipsene p� http://www.tips-og-tricks.com L�s tidligere ugemails: http://www.mail-archive.com/[EMAIL PROTECTED] ----------------------------------------------------------------------- Afmeld eventuelt Tips&Tricks i ferien: Bes�g www.tips-og-tricks.com/ferie.html ----------------------------------------------------------------------- Vil du afmelde ugebrevet? www.tips-og-tricks.com/afmeld.php Vil du tilmeldes ugebrevet? http://www.tips-og-tricks.com/tilmeld.html ----------------------------------------------------------------------- Ugebrevet eller dele af det m� i �vrigt godt s�ttes p� egne hjemmesider osv., men dog vil jeg gerne have en kildeangivelse, link eller lignende sammen med teksten.
