#1 5. Oktober 2009 Hallo! ich frage mich momentan ob es möglich wäre so etwas zu programmieren: Untereinander werden immer kleine Ausschnitte einer News gezeigt (z.B. nur die ersten 100 Zeichen), mit einem Link "mehr". Nach Klick auf diesen Link soll quasi die Zeichenlimitierung von 100 Zeichen aufgehoben werden, so dass sich die restlichen in der Liste nach unten verschieben und ich für diese eine News den kompletten Artikel lesen kann.. Ich hoffe ihr versteht was ich meine. Ich würde gerne wissen ob dies möglich ist, ich nehme an dazu bräuchte man JavaScript/Ajax kenntnisse? Gibt es vllt schon so ein vorgefertigtes Template um es bei sich in der Seite einzubetten (bzw. Codeschnipsel)? Wäre auch dankbar für Ansätze wie ich das ganze jetzt angehen müsste.. mfg Gravity + Multi-Zitat Zitieren
#2 5. Oktober 2009 AW: einfaches News-Script/Template Natürlich ist das möglich ^^ Praktischer finde ich aber immer eine manuelle Aufteilung durch einen Menschen, d.h. zu deinen News wird eine Einleitung festgelegt und von dir selbst vom Rest getrennt (Spiegel-Online macht das z.B.). Danach kannst du den Text erst mit CSS verstecken und dann mit JavaScript einblenden. Am schönsten und einfachsten ist das mit einem Framework, z.B. [G]jQuery[/G], [G]Scriptaculous[/G] oder [G]MooTools[/G]. + Multi-Zitat Zitieren
#3 6. Oktober 2009 AW: einfaches News-Script/Template oder einfach mit php und ein paar html-anker: PHP: <? php $id = isset( $_GET [ 'id' ])?(int) $_GET [ 'id' ]: 0 ; while( $row = mysql_fetch_object ( $query )) { // text kürzen falls id übergeben wurde $row -> text = ( $id == $row -> id )? $row -> text : substr ( $row -> text , 0 , 100 ); // ausgeben echo '<div class="row">' ; echo '<a href="?id=' . $row -> id . '#' . $row -> id . '"><h1 name="' . $row -> id . '">' . $row -> titel . '</h1></a>' ; echo '<p>' . $row -> text . '</p>' ; echo '</div>' ; } ?> + Multi-Zitat Zitieren
#4 6. Oktober 2009 AW: einfaches News-Script/Template Klar geht das, sieht aber bei weitem nich so schön aus ^^ + Multi-Zitat Zitieren
#5 6. Oktober 2009 AW: einfaches News-Script/Template Wie Schmitz bereits sagte solltest du dir überlegen ob du nicht selber festlegen willst wo der Text abgeschnitten werden soll. So könnte man z.b. nach einem Einleitungstext den Ausdruck "[more]" eingeben, sodass man hinterher ab dort den restlichen Text ausblendet und nur einen "mehr lesen.."-Link ausgibt. Das ganze lässt sich relativ simpel per PHP und JavaScript lösen. So sollte man per PHP-Funktion explode() die News in 2 Stücke aufteilen: Im ersten Teil würde so der Einleitungssatz stehen und im zweiten Teil dann der Rest. So könnte man den ersten Teil sichtbar ausgeben lassen und den zweiten Teil verstecken. Mit Hilfe eines Javascripts könnte man danach den zweiten Teil ein- bzw. ausblenden. mfg + Multi-Zitat Zitieren
#6 6. Oktober 2009 AW: einfaches News-Script/Template ich würde das nicht empfehlen, dass textebausteine versteckt werden und mit JS hinzugefügt werden. würde es klassische halten anteasern->more->fließtext man sollte an SEO denken, je mehr text zu finden ist um so besser. eine neue seite für den fließtext schadet nie. ist nur eine empfehlung. // edit man könnte aber den umgekehrten weg gehen. text kommplett darstellen, mit JS X-zeichen darstellen und mit more den kompletten text wieder hinzufügen + Multi-Zitat Zitieren
#7 6. Oktober 2009 AW: einfaches News-Script/Template tach, wegen PHP: echo '<a href="?id=' . $row -> id . '#' . $row -> id . '"> ich seh, dass du mit "#" irgendwo hinspringen willst. ich will nur sichergehen das du weißt, dass man eine "id" oder ein "name" in html immer mit "a-z", "A-Z" oder "_" beginnen muss. also id="123" oder name="123" ist nicht erlaubt. + Multi-Zitat Zitieren
#8 6. Oktober 2009 AW: einfaches News-Script/Template ja gut, zeit war knapp ^^ PHP: <?echo '<a href="?id=' . $row -> id . '#news_' . $row -> id . '">' ;echo '<h1 name="news_' . $row -> id . '">' . $row -> titel . '</h1>' ;echo '</a>' ; // oder auch am ende des kurzen textes if( $id == $row -> id ){echo '<a href="?id=' . $row -> id . '#news_' . $row -> id . '">mehr lesen</a>' ;} ?> ps: ist auch für suchmaschienen gut und keine aktive inhalte wie js... + Multi-Zitat Zitieren
#9 6. Oktober 2009 AW: einfaches News-Script/Template Spreche mich auch für die JS Methode aus, finde es einfach wesentlich schöner. Mein Lösungsansatz # Text mit wordwrap zerlegen # 2 div-Layer erstellen (einer mit dem gekürzten Text, einer mit dem Original), die praktischerweise übereinander liegen # bei Klick auf [more] einfach den einen Ausblenden bzw. mit dem Volltext überblenden + Multi-Zitat Zitieren
#10 7. Oktober 2009 AW: einfaches News-Script/Template je nach dem was du willst. schönheit oder benutzerfreundlichkeit. hängt auch viel von benutzer und seinen browser ab sowie den entwickler + Multi-Zitat Zitieren
#11 7. Oktober 2009 AW: einfaches News-Script/Template der trick ist, erst js einzusetzen wenns verfügbar ist. d.h. events wie onload oder DOMContentLoaded verwenden und erst dann inhalte verstecken etc... + Multi-Zitat Zitieren