Lav din helt egen tekst scroller!

Forord

Lær hvordan du kan lave din helt egen tekst scroller, som dine gæster kan tilføje beskeder til!

Indholdsfortegnelse

1.0   Artiklen
   1.1   Hvad lærer jeg?
   1.2   Hvem er artiklen for?
   1.3   Hvad kræver det af mig?
2.0   Lets rock and roll
   2.1   MySQL
      2.1.1   Vores "taktik"
      2.1.2   Vores tabel
   2.2   PHP
      2.2.1   Filoversigt
      2.2.2   config.php (Konfigurationer)
      2.2.3   addMessage.php (Tilføj besked)
      2.2.4   index.php (Udskrivning af beskeder)
3.0   SMS Scroller?
4.0   Demo og andet gøjl

1.0 Artiklen

Hej alle sammen :)
Jeg er sgu kommet på den skøre idé, at vise hvordan, at man kan lave et lille script, som kan vise noget tekst i en marquee.
Så synes jeg også, at det kunne være sjovt, at den fx. kun blev vist i 10 minutter eller noget, men nu kan I ihvertfald kigge med, hvis i lyster.

1.1 Hvad lærer jeg?

Du lærer lidt om hvordan, at du kan arbejde med SQL, og få udtrukket noget tekst, som kun vises i x antal tid.
Du kan også bruge det her til, at lave en SMS Scroller på din hjemmeside, men det kræver dog, at du har mulighed for, at få sådan noget skidt hostet et sted.
Men det vil jeg selvfølgelig komme ind på senere i artiklen!

1.2 Hvem er artiklen for?

Den er for dig, som gerne vil lære lidt mere om at udtrække ting fra ens database, og hvordan vi kan lave nogle krav, for hvad den skal hente.
Artiklen er nok ikke særlig spændende for dem, som bare har helt styr på PHP & MySQL, men hvis du er nybegynder, så er det måske lige noget for dig.

1.3 Hvad kræver det af mig?

Det eneste, som jeg umiddelbart kan sige at det kræver, er nok, at du har styr på PHP Syntaksen, da jeg ikke på den måde beskriver grund ting.

2.0 Lets rock and roll

2.1 MySQL

2.1.1 Vores "taktik"

Vi laver vores database tabel, som vi kalder for textmessages (Tekstbeskeder), som kommer til at indeholde alle vores beskeder, som skal vises.
Vi skal have et felt kaldet id, som vi kan bruge, som vores primære nøgle.
Og så skal vi ellers have et timestamp (Tidsstempel), som vi skal bruge til at tjekke, hvornår personen nu har tilføjet beskeden, og til sidst men ikke mindst message, som skal have indholdet af vores output til vores marquee.

2.1.2 Vores tabel

Her er hvordan vores CREATE ser ud, når vi skal have fx. PhpMyAdmin til, at kunne forstå det, som vi nu laver.

CREATE TABLE `textmessages` (
`id` int(18) NOT NULL auto_increment,
`timestamp` text NOT NULL,
`message` text NOT NULL,
PRIMARY KEY (`id`)
) ;

Det skal bare indsættes i databasen, og så har du tabellerne klar.

2.2 PHP

2.2.1 Filoversigt

Vi kommer til at have med 3 filer at gøre, og det bliver:
config.php
Her kan du rette følgende informationer:
Database (Host, Brugernavn, Password og Database)
Antal minutter beskeder skal vises
Hvad som skal skille beskederne fra hinanden
(Info: 7 linjer)

index.php
Filen hvor selve beskederne vises, og linket til tilføj siden.
Her skal du ikke rigtigt rette noget, men det er selvfølgelig muligt, hvis du har "erfaring" nok til det.
(Info: 47 linjer)

addMessage.php
Filen hvor du tilføjer beskeder.
Her skal der heller ikke rigtigt rettes noget, men det er selvfølgelig muligt, hvis man ønsker det.
(Info: ´48 linjer)

2.2.2 config.php (Konfigurationer)

Kopier venligst ikke fra kodeboksende, men brug download linket i bunden!

<?php
mysql_connect("HOST","USER","PASS");
mysql_select_db("DB");
$numerMinutes = 5; // Antal minutter før beskeden forsvinder (Min. 1)
$splitText = " | "; //Tekst som splitter de forskellige beskeder fra hinanden
?>

Linjeforklaring
Linjenummer - Forklaring

2-3 - Tilslutning til database
5 - Antal minutter før besked forsvinder
6 - Teksten som splitter beskederne

Nu har du sådan set din config fil!

2.2.3 addMessage.php (Tilføj besked)

Kopier venligst ikke fra kodeboksende, men brug download linket i bunden!

<?php
include("config.php");
if ( $_GET['do'] != "add" )
{
$thisState = "Tilføj en besked";
$stateNumber = 1;
}
else
{
$thisMessage = htmlentities(mysql_real_escape_string($_POST['message']));
$thisState = "Tilføj en besked : Afslut";
$stateNumber = 2;
}
?>
<html>
<head>
<title>Tekst Scroller : <?=$thisState?></title>
</head>
<body>
<?php
if ( $stateNumber == 2 )
{
if( !empty($thisMessage) )
{
mysql_query("INSERT INTO `textmessages` (`timestamp`, `message`) VALUES ('" . time() . "', '" . $thisMessage . "')");
echo "Tillykke, beskeden er nu indsat!<br>
<a href=\"index.php\">« Tilbage til forsiden</a>";
}
else
{
echo "Der opstod desværre en fejl!";
}
}
else
{
echo "<form action=\"?do=add\" method=\"POST\">
Din besked:<br>
<textarea name=\"message\" style=\"width: 250px; height: 200px;\">Skriv venligst din besked her!</textarea><br>
<input type=\"submit\" value=\"Indsæt\">
</form>";
}
?>
</body>
</html>

Linjeforklaring
Linjenummer - Forklaring

2 - Inkludere vores konfigurations fil
4 - Tjekker om vi har postet en besked
6-7 - Sætter variablerne, hvis man ikke har postet besked
11-13 - Sætter variablerne, hvis man har postet besked
23 - Tjekker om man har postet en besked
25 - Tjekker om man har skrevet noget i ens besked
27-29 - Tilføjer beskeden til databasen, og udskriver en "Tillykke du klarede det" besked
33 - Udskriver på skærmen, hvis der er opstået en fejl
38-42 - Formluaren hvor man skal indsætte den tekst, som vi skal have postet til databasen

Det var så tilføj besked siden

2.2.4 index.php (Udskrivning af beskeder)

Kopier venligst ikke fra kodeboksende, men brug download linket i bunden!

<?php
include("config.php");
?>
<html>
<head>
<title>Tekst Scroller</title>
</head>
<body>
<?php
$timeStamp = time();
$selectStamp = $timeStamp - (60*$numerMinutes);
$selectMessages = mysql_query("SELECT `message`, `timestamp` FROM `textmessages` WHERE `timestamp` > '" . $selectStamp . "'") or die('Der opstod desværre en fejl: <b>' . mysql_error() . '</b><br>Du kan skrive på rowl angående dine fejl!');
$countMessages = mysql_num_rows($selectMessages);
if( $countMessages )
{
$thisMessage = 1;
echo "Beskeder:\n<marquee>";
while( $messageData = mysql_fetch_assoc($selectMessages) )
{
echo "(" . date("H:i", $messageData['timestamp']) . "): <b>" . stripslashes($messageData['message']) . "</b>";
if ( $thisMessage != $countMessages )
{
echo $splitText;
}
$thisMessage++;
}
echo "</marquee>
<br>
<a href=\"addMessage.php\">Tilføj din egen besked her!</a>";
}
else
{
echo "<center>Der er ikke postet nogle beskeder!<br>Men bliv selv den første! <a href=\"addMessage.php\" title=\"Tilføj din egen besked nu!\">KLIK HER!</a></center>";
}
?>
</body>
</html>

Linjeforklaring
Linjenummer - Forklaring

2 - Inkludere vores konfigurations fil
10-11 - Sætter variablerne til timestamps (Tidsstempler)
13-14 - Henter beskederne fra databasen, og tæller antallet
16 - Tjekker om der er tilføjet nogle beskeder
18 - Sætter en variabel, som vi bruger til, at tjekke om det er den sidste besked i løkken.
22 - Starter vores WHILE løkke, som skal udskrive beskederne fra databasen
24 - Udskriver beskeden + giver en tidsangivelse for, hvornår beskeden er tilføjet
26-29 - Tjekker om beskeden er den sidste, og hvis ikke, så udskriver den "split beskeden", som skiller de forskellige fra hinanden
31 - Plusser variablen, som holder styr på hvilket besked id vi er på
34-36 - Slutter vores marquee tag

Tillykke, hvis du har fulgt artiklen korrekt, så har du dig nu en tekst scroller!

3.0 SMS Scroller?

Du har faktisk mulighed for at lave det her om til en SMS scroller, men det kræver somsagt, at du har adgang til sådan en service, og det er der heldigvis råd for.

Hvis det er et firma, så kan du benytte servicen stadel, men der findes masser, og du kan bare søge på google efter det!

Du kan f.eks. søge på SMS Gateway

4.0 Demo og andet gøjl

Jeg har selvfølgelig væres så venligt at smide en demo op, og den kan i bare prøve løs på!
Link: Nikolajpetersen : Tekst Scroller

Og så har jeg selvfølgelig også zip'et filerne, så du nemt kan få dem!
MEN INDEN DU BARE TÆNKER PÅ AT DONWLOADE, SÅ LÆS LIGE ARTIKLEN!
Når jeg klikker på dette link, acceptere jeg samtidig, at jeg har læst hele artiklen, og prøvet mig frem!

Fortsæt venligst en god dag!
OBS: Har du opdaget noget sjusket? Så skriv lige en kommentar, så vi kan få det ordnet!

Sidst redigeret 20:43 12/05/2008

Oprettet af:

Nikolaj

PHP

Point modtaget: 150

Rate:

Mail Kommentarer

17:26 08/05/2008

Kommentarer

Giv din mening tilkende om denne artikel, eller lćs andres.
Har du spřrgsmĺl eller brug for hjćlp til denne artikel henvises du til forummet.

super artikel 6/5

Oprettet af:

Siegen

Mail

23:02 08/05/2008

Det er en fantastisk måde du gør det på, synes den er rigtig god, artiklen!

- 5/5..
Synes det er det bedste at man laver linjeforklaring først nedenunder, så man hurtigt kan finde ud af hvad den gør, i stedet for at man skal kigge inde i koden.
- Tak for den gode artikel! :)

Oprettet af:

marcoil

Mail

07:22 09/05/2008

Np have fun :)

Oprettet af:

Nikolaj

Mail

08:13 09/05/2008

Kigger på den senere idag (: Men den ser rigtig god ud, det jeg har set XD

Oprettet af:

MIAF

Mail

08:45 09/05/2008

Se sgu godt ud :D

Oprettet af:

Fiskeren

Mail

13:49 09/05/2008

Super godt :D 5/5

Oprettet af:

GlorpS

Mail

16:35 09/05/2008

godt godt :) men hvorfor bruge text til timestamp'et? Hvorfor ikke bruge 'timestamp' til det istedet for?

Oprettet af:

DBR

Mail

16:53 09/05/2008

Altid god forklaring når du laver en artikel :D

Oprettet af:

Raffer

Mail

12:22 10/05/2008

Fin artikel!
Men :
I den nederste linjeforklaring :
16 - Tjekker om der er tilføjet noget beskeder
Tjekker om der er tilføjet "noget" beskeder. Skal der ikke stå nogle?.

EDIT : Enten skal der da være nogle som :
Tjekker om der er tilføjet nogle beskeder
Eller :
Tjekker om der er tilføjet beskeder

Sidst redigeret 18:59 12/05/2008

Oprettet af:

eBivu

Mail

18:58 12/05/2008

Jo selvfølgelig skulle der det :)

Oprettet af:

Nikolaj

Mail

20:42 12/05/2008

Side af 2

Nćste

Du skal vćre oprettet og logget ind for at kommentere en artikel

Brugernavn:
Kodeord:		Husk
Opret bruger Log ind