Tutorials von Thomas Frei-Herrmann

JQuery Popup-Box, die paby hier vorstellt:


http://www.paby.de/nof-tips/jquery-netobjects-fusion/jquery__newsbox.php

Diese Verlinkungen gehören in die Layout-HTML “Zwischen Head-Tags”:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/redmond/jquery-ui.css" type="text/css" media="all" />

... dabei könnt Ihr in der 3. Code-Zeile das oben in der Auswahlbox dargestellte Farbschemata wählen. Ich habe hier als Standard redmond gewählt. Sucht Euch eines der Farbschemata oben in meiner Auswahlbox aus und schreibt dann, anstelle von “redmond”, den Namen des Schemas hin das Euch gefällt, also z.B.: ui-darkness

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/ui-darkness/jquery-ui.css" type="text/css" media="all" />

Im Gegensatz zu paby, habe ich das Skript (unten) in die HTML eines Textfeldes geschrieben. Hier meine Formatierungen:

<script type="text/javascript">
   $.ui.dialog.defaults.bgiframe = true;
   $(function() {
      $("#dialog").dialog();
   });
</script>
<div id="dialog" title="Box">
   <p align="center">
   <br><br>
   <font color='#0000FF'>
   Diese <b>Box</b> ist sehr einfach
   <br>
   einzubauen
   </font>
   <br><br>
   <font color='#FF0000'>
   Hier ein <i>roter</i> Text
   </font>
   <br><br>
   <a href="http://www.paby.de/nof-tips/jquery-netobjects-fusion/jquery__newsbox.php" target="_blank">hier geht's zum Tutorial von <i>paby</i></a>
   <br><br>
   <img src="./assets/images/Stinktier.gif" title="Herzlich willkommen">
  </p>
</div>

... hier habe ich einige HTML-Befehle eingebaut, wie:

• <p align="center">was zwischen diesen Tags steht ist zentriert</p>
• <br> = bewirkt einen Zeilenumbruch
• <font color='#0000FF'>was zwischen diesen Tags steht ist, bei diesem Farbcode #0000FF, blau</font>
• <b>was zwischen diesen Tags steht wird fett dargestellt</b>
• <i>was zwischen diesen Tags steht wird kursiv dargestellt</i>
• <a href=“http://www.Domain.de/Verzeichnis(se)/seite.html” target=”_Ziel”>Link-Text</a> = so sieht ein Hyperlink aus
• <img scr=“absolute oder relative Verzeichnisangabe/Bildname” title=”Titel des Bildes”> = so sieht ein Link zu einem Bild aus