Beiträge von vbtricks

Salut zusammen,

ich schreibe mir gerade eine Linksliste in PHP. Für diese Links werden Tags eingegeben, mit denen man später die Liste durchsuchen kann. Das hat auch alles so geklappt, wie ich mir das vorgestellt habe.

Jetzt möchte ich noch ein weiteres Feature einbinden, und zwar:
Bei dem Eingabe eines neuen Links soll das Textfeld für die Tags eine Autovervollständigungsfunktion bieten, so wie ähnlich wie bei Google.
In der Theorie habe ich mir das so vorgestellt, dass ich beim generieren der HTML-Seite der JavaScript-Funktion einen String der Form "TAG1 TAG2 TAG3" übergebe. In der Textbox wird bei Eingabe eines neuen Tags (es können mehrere durch Space getrennt eingegeben werden) dann jeweils eine Liste mit passenden Tags angezeigt.

Leider habe ich von JavaScript aber überhaupt keine Ahnung.

Vielleicht kann mir jemand einen Beispielcode posten?

Danke im Voraus,

Stefan

Salut,

ich möchte das eigentlich schon mit XHTML und CSS machen. Das Problem sind vor allem die vier Ecken des Blattes.

Stefan

Salut,

bearbeite zur Zeit wieder das Layout meiner Webseite. Jetzt habe ich mir folgendes vorgestellt:
[Blockierte Grafik: http://vbtricks.vb.funpic.de/ztemp/layoutquestion.png]
(links ist die Kante abgebildet)

Bloß mit dem realisieren hapert es dann wieder. Das Blatt soll einen festen Abstand zu den Rändern haben, die Größe sich an den Inhalt anpassen.

Wie setze ich das am Besten in XHTML und CSS um?

Danke im Voraus,

Stefan

Servus,

sorry das ich mich so spät melde. Erst mal vielen Dank für dein Posting, mit einer so umfassenden Betrachtung meiner Seite, wie von dir erfolgt, hätte ich nicht gerechnet.
Das mein XHTML nicht perfekt ist, weiß ich, auch, dass man viele Dinge besser machen kann/könnte. Ich habe aber bewusst viele divs genommen, damit ich bei späteren Veränderungen mehr Spielraum habe.
Für die <span>'s in den Links habe ich inzwischen eine elegantere Lösung gefunden, indem die a-Klasse für die einzelnen divs verschieden festgelegt wird:

#subsectionscontent a {..}
#subsectionscontent a:hover {..}
#featuringcontent a {..}
..

Werde jetzt erst mal die restlichen Features fertig implementieren und mein Admin-Oberfläche fürs CMS etwas optimieren und dann schauen, inwieweit ich was übernehme.

Vielen Dank nochmal,

Stefan

Servus,

funktioniert mit pindakaas' Methode. Thx

Stefan

Servus @all,

folgende Layout-Vorlauge habe ich mir zusammengebastelt:
[Blockierte Grafik: http://vbtricks.vb.funpic.de/ztemp/design.jpg]

Das ganze möchte ich dann mittels XHTML und CSS in die Tat umsetzen. Da ich schon ein paar andere ähnliche Designs erstellt habe, kann ich den Großteil auch realisieren, nur eines will nicht funktionieren. Der obere horizontale schwarze Balken soll sich aus drei Teilen zusammensetzen:
1. 4px breiter Streifen links mit abgerundeter Ecke oben links.
2. variabler Teil mit wiederholter Grafik Verlauf
3. 4px breiter Streifen rechts mit abgerundeter Ecke oben rechts.

Ich habe versucht, das wie folgt zu realisieren:

<div id="page">
      <div id="top">
        <div id="topleft"></div>
        <div id="topspace">
         VBTricks.de.vu
        </div>
        <div id="topright"></div>
      </div>
      <div id="featureitems">
      </div>
      <div id="content">
      </div>
    </div>

mit CSS:

* {
 padding: 0px;
 margin: 0px;
}


body {
 background: url(backpattern.png);
}


#page {
 padding: 5px;
}


#top {
 height: 150px;
}


#topleft {
 background: url(topleft.png) no-repeat;
 left: 0px;
 top: 0px;
 width: 4px;
 height: 150px;
}


#topspace {
 background: url(topspace.png) repeat-x;
 top: 0px;
 height: 150px;
}


#topright {
 background: url(topright.png) no-repeat;
 right: 0px;
 top: 0px;
 width: 4px;
 height: 150px;
}

Leider funktioniert das nicht so, wie ich mir das vorgestellt habe:
http://vbtricks.vb.funpic.de/ztemp/index.html
Wie muss ich topspace formatieren?

Danke im Voraus,

Stefan

PS: Ich würde das nur ungern mit Tabellen lösen
PPS: Guten Rutsch ins neue Jahr schon mal!