WinFuture-Forum.de: Ein Teil Des Textes Ausblenden ... Aber Wie? - WinFuture-Forum.de

Zum Inhalt wechseln

Nachrichten zum Thema: Entwicklung
Seite 1 von 1

Ein Teil Des Textes Ausblenden ... Aber Wie? ... "weiter lesen"


#1 Mitglied ist offline   K050V4 

  • Gruppe: aktive Mitglieder
  • Beiträge: 788
  • Beigetreten: 13. August 04
  • Reputation: 0
  • Geschlecht:Männlich
  • Wohnort:Stuttgart
  • Interessen:(X)HTML<br />CSS2+<br />PHP 4/5<br />MySQL 5<br />Symfony 1.2+<br />JavaScript / AJAX<br />jQuery<br />C++<br />C#<br />Java<br />...

  geschrieben 23. Dezember 2005 - 13:22

HallooO ;)

Ich hab mal eine Frage und zwar ich möchte gern auf meiner HP Texte schreiben aber da es viele werden möchte ich gern das da so ein Teil des Textes ausgeblendet wird und das man auf "weiter lesen" klick und der ausgeblendete Teil des Textes angezeigt wird ohne eine neue Seite zu laden. Also so wie wen man unten bei winfuture klick auf "Schnell antworten" und da erschein es dan. Ich höffe ihr könnt mir da weiter helfen ... :blush:

Beispiel:

Text der angezeigt wird ...
Text Text Text
"+ weiter lesen"
Text der ausgeblendet wird erst wen man auf "+ weiter lesen klickt wird der angezeigt ... Text Text Text Text Text"

Dieser Beitrag wurde von keny bearbeitet: 23. Dezember 2005 - 13:39

Zitat

"In der Welt des Erkennbaren ist die Idee des Guten die höchste." - Platon

Spritify! Easy CSS-Sprite-Generator | Albanisch Deutsch Wörterbuch
0

Anzeige



#2 Mitglied ist offline   Meatwad 

  • Gruppe: aktive Mitglieder
  • Beiträge: 784
  • Beigetreten: 07. August 04
  • Reputation: 0
  • Geschlecht:Männlich
  • Wohnort:Bad Vilbel
  • Interessen:Computer, Inliner, Chatten...

geschrieben 23. Dezember 2005 - 13:42

das geht aber dann nur mit javascript und ist nicht überall kompatiebel...
I am away to look for my self. If I am back before I return keep me here. | Mein Server
0

#3 Mitglied ist offline   K050V4 

  • Gruppe: aktive Mitglieder
  • Beiträge: 788
  • Beigetreten: 13. August 04
  • Reputation: 0
  • Geschlecht:Männlich
  • Wohnort:Stuttgart
  • Interessen:(X)HTML<br />CSS2+<br />PHP 4/5<br />MySQL 5<br />Symfony 1.2+<br />JavaScript / AJAX<br />jQuery<br />C++<br />C#<br />Java<br />...

geschrieben 23. Dezember 2005 - 13:47

Ja das ist mir klar :blush: aber ich möchte es gern trotzdem.

Zitat

"In der Welt des Erkennbaren ist die Idee des Guten die höchste." - Platon

Spritify! Easy CSS-Sprite-Generator | Albanisch Deutsch Wörterbuch
0

#4 Mitglied ist offline   Marek123 

  • Gruppe: aktive Mitglieder
  • Beiträge: 46
  • Beigetreten: 23. Dezember 05
  • Reputation: 0
  • Wohnort:Hattingen
  • Interessen:Webdesign/Coding

geschrieben 23. Dezember 2005 - 23:51

Geht dass den nicht auch so ?

$string = 'abcdef';
$rest = substr($string, 0, 250);
echo $rest;

Das würde doch einen Text auf 250 Zeichen beschränken.

Dazu würd ich dann noch n Link "weiter lesen" machen und den ganzen Text verlinken.... wenn du den Text dazu noch aus der DB ließt, is dass doch perfekt.

Oder irr ich mich nun total?!

PS: Ich hab auch dazu ne ganz simple JS Lösung... wenn gewünscht, poste ich diese hier.

Dieser Beitrag wurde von Marek123 bearbeitet: 23. Dezember 2005 - 23:52

0

#5 Mitglied ist offline   ichbines 

  • Gruppe: aktive Mitglieder
  • Beiträge: 5.725
  • Beigetreten: 06. Oktober 02
  • Reputation: 0
  • Wohnort:Parndorf (Österreich)
  • Interessen:Computer, Linux

geschrieben 23. Dezember 2005 - 23:59

ich verwende folgenden Source-Code dafür:

<script type="text/javascript">
function outline(id)
{
 if(document.getElementById(id).style.display == 'none')
 {
  document.getElementById(id).style.display = 'block';
 }
 else
 {
  document.getElementById(id).style.display = 'none';
 }
}

function toggleDisplay(objectId) {

  if (document.getElementById) {
	if (document.getElementById(objectId).style.display == "block")
	  document.getElementById(objectId).style.display = "none";
	else
	  document.getElementById(objectId).style.display = "block";
  }
}

if (document.getElementById) {
  document.writeln("<style type=\"text\/css\">");
  document.writeln(".hide { display:none; }");
  document.writeln("<\/style>");
}

 

//-->
</script>



<a href="javascript:toggleDisplay('alles')">alles</a>
	<div id="alles" class="hide">  
	Den Text sieht man erst, wenn man auf alles klickt.
	</div>

div id und der Link (toggleDisplay('alles') müssen gleich sein. Wenn du mehr Texte ausblenden möchtest, musst du andere Namen verwenden.

Dieser Beitrag wurde von ichbines bearbeitet: 24. Dezember 2005 - 00:00

0

#6 Mitglied ist offline   Marek123 

  • Gruppe: aktive Mitglieder
  • Beiträge: 46
  • Beigetreten: 23. Dezember 05
  • Reputation: 0
  • Wohnort:Hattingen
  • Interessen:Webdesign/Coding

geschrieben 24. Dezember 2005 - 00:03

Ja, so in etwa ist meins auch! Wenn nicht sogar genauso :D
0

#7 Mitglied ist offline   ichbines 

  • Gruppe: aktive Mitglieder
  • Beiträge: 5.725
  • Beigetreten: 06. Oktober 02
  • Reputation: 0
  • Wohnort:Parndorf (Österreich)
  • Interessen:Computer, Linux

geschrieben 24. Dezember 2005 - 00:09

Beitrag anzeigenZitat (Marek123: 24.12.2005, 01:03)

Ja, so in etwa ist meins auch! Wenn nicht sogar genauso :D

ja, das kann schon sein. Ich habs damals ja auch nur von irgendeiner Internetseite kopiert.
Hauptsache es funktioniert in allen Browsern mit JS.
0

#8 Mitglied ist offline   Marek123 

  • Gruppe: aktive Mitglieder
  • Beiträge: 46
  • Beigetreten: 23. Dezember 05
  • Reputation: 0
  • Wohnort:Hattingen
  • Interessen:Webdesign/Coding

geschrieben 24. Dezember 2005 - 00:17

Richtig.

Hab ich glaub ich auch.
Jedenfalls funzt es perfekt. Die PHP/Mysql Lösung sollte aber denke ich auch funzen. Aber jetzt hat er ja was.
0

#9 Mitglied ist offline   Meatwad 

  • Gruppe: aktive Mitglieder
  • Beiträge: 784
  • Beigetreten: 07. August 04
  • Reputation: 0
  • Geschlecht:Männlich
  • Wohnort:Bad Vilbel
  • Interessen:Computer, Inliner, Chatten...

geschrieben 24. Dezember 2005 - 01:13

es war aba JS gewünscht ;-)
I am away to look for my self. If I am back before I return keep me here. | Mein Server
0

#10 Mitglied ist offline   K050V4 

  • Gruppe: aktive Mitglieder
  • Beiträge: 788
  • Beigetreten: 13. August 04
  • Reputation: 0
  • Geschlecht:Männlich
  • Wohnort:Stuttgart
  • Interessen:(X)HTML<br />CSS2+<br />PHP 4/5<br />MySQL 5<br />Symfony 1.2+<br />JavaScript / AJAX<br />jQuery<br />C++<br />C#<br />Java<br />...

geschrieben 25. Dezember 2005 - 19:54

Meatwad & Marek123 & ichbines Danke euch beiden ;(

Edit: Funkts super! :) dankeee!! Hate auch eine seite gefunde hab aber immer das falsche kopiert ... ich hab den code wie ein bekloppter gesucht und der war doch nur im <head> ... </head> ... ^^

Dieser Beitrag wurde von keny bearbeitet: 25. Dezember 2005 - 20:00

Zitat

"In der Welt des Erkennbaren ist die Idee des Guten die höchste." - Platon

Spritify! Easy CSS-Sprite-Generator | Albanisch Deutsch Wörterbuch
0

Thema verteilen:


Seite 1 von 1

1 Besucher lesen dieses Thema
Mitglieder: 0, Gäste: 1, unsichtbare Mitglieder: 0