next »

[Nobbit]

Dieses Tutuorial bietet den exakten Code in Javascript (und unten in PHP), um einen Random Link Generator mit ein paar Einstellungsmöglichkeiten zu erstellen. Außerdem ist die unten dargestellte Variante die einfachste und leichteste, die ich kenne.
Am Anfang steht der Link Generator mit Titel, URL und Beschreibung:


Felder für Titel, URL und Beschreibung

Code: (javascript) [Select]

Dieser Code bewirkt einen (zufällig) erzeugten Output wie diesen:

    URL

    Description

    Title of URL

Obwohl das nicht übermäßig beeindruckend erscheint, ist es zufällig und erzeugt durch das obige Skript. Natürlich kann man die Darstellung verändern (wie z.B. kursiv, fett etc.), aber wir werden einige Möglichkeiten bezüglich der Felder diskutieren:

Felder, die die URL und die Beschreibung anzeigen
Wir verwenden denselben Code wie im ersten Beispiel. Diese Mal werden wir jedoch eine Sache ändern:

Code: (javascript) [Select]

Zuerst habe ich also Folgendes gelöscht:

Code: (javascript) [Select]

titles[RandomMath]+"
"+

Dadurch ist die Variable "Title" nicht mehr gleichgesetzt und es bleibt nur die Variable "description" (Beschreibung) übrig. Das war's schon! Jetzt gibt es nur nach die Beschreibung und die URL in dem Feld.

Wenn man zuerst den Titels und dann die URL haben will, braucht man nur "description" mit "title" zu ersetzen usw.

Wenn man einfach eine Liste von URLs erstellen will, die lediglich die URLs beinhaltet, muss man nur ein paar Dinge am Ausgangscode ändern. Rauskommen sollte dann Folgendes (Erklärung folgt unten):

Code: (javascript) [Select]

Wenn man sich jetzt den Code anschaut, sind da nur wenige Dinge geändert - hier die Gegenüberstellung:

Vorher:

Code: (javascript) [Select]

Nachher:

Code: (javascript) [Select]

Wenn man sich das Skript anschaut, wird man feststellen, dass die Variablen "description" und "title" gelöscht wurden. Stattdessen steht in der ersten Zeile jetzt der URL Code. Für die erste Zeile braucht man:

Code: (javascript) [Select]

var cont=

oder die Links werden nicht angezeigt. Außerdem wird man feststellen, dass anstelle von

Code: (javascript) [Select]

cont+=urls[RandomMath]+”
”

dieser Code eingesetzt wurde:

Code: (javascript) [Select]

cont+=titles[RandomMath]+”
”

Das ist mit jedem HTML Code vergleichbar. Wenn man die obige Zeile anschaut, wird man ein linking-Attribut erkennen; durch das Ersetzen von URL mit "title" wird ein korrekter Anker zum Link gesetzt, statt des Links selbst.

Wenn man also nur ein bischen mit den verschieden Attributen herumspielt, kann man relativ leicht vier verschiedene Skripts erstellen. Obwohl es etliche weitere Möglichkeiten gibt, dürften das die am häufigsten verwendeten sein.

Einige Sachen, die man beachten sollte
Obwohl das sehr einfach aussieht, ist es kompliziert, solange man noch nicht wirklich vertraut damit ist. Deswegen:

    * Denke daran, var randomlinks=5 enstprechend der Anzahl der Links im Feld anzupassen!
    * Willst Du irgendeinen Variablennamen ändern, vergiss nicht, die Varibale überall umzubenennen!
    * Willst Du eine zufällige URL anzeigen, schlage ich vor, [RandomMath] nicht zu löschen!
    * Kommentiere soviel wie möglich! Wer weiß, vielleicht schaust Du in ein paar Monaten rein und wünschtest, Du hättest mehr kommentiert .

Quelle: Interchange-Designs

[Nobbit]

Jetzt das Ganze in PHP
Jetzt kommt die wahrscheinlich einfachere Version, obwohl es auch ein paar Nachteile daran gibt, da meiner Meinung nach PHP etwas schwieriger zu erlernen ist als Javascript. Zu Anfang ein paar Begriffe, die uns im Folgenden begegnen werden:

    * "$links" ist (in unserem Fall) quasi das “Master”-Feld aller weiteren Felder
    * "Key" definiert die Position des Feldes
    * "printf" ist - wie zu erwarten - die Druckfuntkion

Jetzt zum Code, auf den wir die Felder aufbauen werden:

Code: (php) [Select]

// "Random" Links
// $links = "Master" Array
$links = array(
array('url'=>'http://www.autogaming.net', 'label'=>'AutoGaming'),
array('url'=>'http://www.interchange-designs.com/blog.php', 'label'=>'SEO Blog'),
array('url'=>'http://www.interchange-designs.com', 'label'=>'Interchange-Designs'),
array('url'=>'http://www.google.com/', 'label'=>'Google'),
array('url'=>'http://www.linksmetro.com', 'label'=>'Links Metro'),

);

// Pick 3 links from above.
// Key = Position of Link Array
$random_keys = array_rand($links, 3);

// Print Values
foreach ($random_keys as $key) {
printf("%s
", $links[$key]['url'], $links[$key]['label']);
}
?>

Sieht man auf die Kommentare beim Feld, so sind diese nahezu selbst erklärend. Am Anfang haben wir

Code: (php) [Select]

$links = array(

, das den Feld-Abschnitt einleitet. Danach die Templates der Felder:
 

Code: (php) [Select]

array(’url’=>’LINK’, ‘label’=>’TITLE’),

Anschließend landen wir bei

Code: (php) [Select]

$random_keys = array_rand($links,3)

Das heißt in Klartext, das drei zufällige "keys" gesucht werden. Dann schnappen sich die zwei letzten Abschnitte des Codes diese Felder und drucken sie auf die Seite des entsprechenden Links.

Will man das Ganze etwas anpassen und Felder und Links hinzufügen, erhöht man einfach die Zahl in diesem Attribut: $random_keys.

Quelle: Interchange-Designs