Drop-Down Content befüllen

S

senger1985

Grünschnabel
Erstmal hallo,

ich bin neu hier im Forum und hoffe, ihr könnt mir helfen!

Ich würde gerne mit einer Drop-Down-Auswahlliste einen Text aus einer TXT in eine Textarea "includen"!

Dieses soll via onchange geschehen, nur leider komme ich nicht weiter, wie ich die TXT "includen" kann!

Wie ich die Value ausgeben kann, habe ich mir schon in einigen Tuts angeschaut.

Kann mir da evtl. jemand helfen?
 
Hi und Willkommen bei tutorials.de,

es gibt also mehrere Textdateien, in der Dropdownlist soll man sich eine aussuchen
und die wird dann angezeigt?

Die Textdateien sind am Server?

Muss der Text auch bearbeitet werden können etc. oder nur angezeigt?
 
Also wenn der Inhalt der Textdateien nur in das Textfeld geladen und angezeigt werden soll, ist das recht einfach:

Javascript: 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function() {

$("#liste").change(function (){
	file = "textfiles/" + $("#liste").val();
	$("#ausgabe").load(file);
});

});
</script>
HTML: 
<select name="liste" id="liste" size="3">
    <option value="datei1.txt">Datei 1</option>
    <option value="datei2.txt">Datei 2</option>
    <option value="datei3.txt">Datei 3</option>
</select>
<br />
<textarea name="ausgabe" id="ausgabe" rows="10" cols="20"></textarea>

Im Beispiel gibt es im Verzeichnis "textfiles" 3 Textdateien mit Namen "datei1.txt", "datei2.txt" und "datei3.txt". So bald man in der Liste einen Eintrag anklickt, wird der Inhalt der jeweiligen Datei angezeigt.
 
sheel hat gesagt.:
Hi und Willkommen bei tutorials.de,

es gibt also mehrere Textdateien, in der Dropdownlist soll man sich eine aussuchen
und die wird dann angezeigt?

Die Textdateien sind am Server?

Muss der Text auch bearbeitet werden können etc. oder nur angezeigt?
Zum Vergrößern anklicken....

Ja... sie sollen dann auch zum Bearbeiten sein und dann wieder gespeichert werden können!

Hab was vergessen:

Wenn möglich "müsste" dann noch deine Variable für die Form-Action einzustellen sein!
 
senger1985 hat gesagt.:
Wenn möglich "müsste" dann noch deine Variable für die Form-Action einzustellen sein!
Zum Vergrößern anklicken....
Und das bedeutet was?

Du hast auch die Frage noch nicht beantwortet ob die Dateien auf dem Server liegen. Wenn es Dateien sind die auf dem Rechner des Users gespeichert sind, wird es schwieriger.

Zum Bearbeiten/Speichern reicht Javascript und jQuery alleine dann aber auch nicht aus, dazu benötigst du z.B. PHP.
 
Die Daten liegen aufm Server!

Ich habe jetzt aber eine Variante rein in PHP gefunden!

Wenn aber jemand doch so nett sein würde und mir das erklärt, wie ich das mit JS und JQ machen könnte, würde ich mich freuen!

Danke
 
Wenn du ein PHP Beispiel gefunden hast, dann wirst du damit wohl die Dateien bearbeiten und speichern können. Wie du sie mit jQuery öffnest habe ich dir ja oben gezeigt!

Was genau ist dir jetzt unklar?
 
Ich habe es jetzt so gelöst:
PHP: 
<?php
    if (isset($_POST['de']))
    {
        echo '
               <aside id="header">
<p>Hier den Eintrag erweitern oder verändern</p>
<form id="form1" name="form1" method="post" action="schreiben_header.php">
    <label for="eingabetext">Texteingabe:<br />
    </label>
    <textarea name="eingabetext" id="eingabetext" cols="50" rows="10">';
	include("../header_deut.php");
	echo'</textarea>
  <p>
    <label for="button"></label>
    <input type="submit" name="button" id="button" value="Text speichern" />
  </p>
</form>
    <div class="slidingDiv" id="int">Fill this space with really interesting content. <a href="#" class="show_hide">hide</a></div>
    <aside id="about" class=" left">
<p>Hier den Eintrag erweitern oder verändern</p>
<form id="form1" name="form2" method="post" action="schreiben_left.php">
    <label for="eingabetext">Texteingabe:<br />
    </label>
    <textarea name="eingabetext" id="eingabetext" cols="50" rows="10">';
	include("../left_deut.php");
	echo'</textarea>
  <p>
    <label for="button"></label>
    <input type="submit" name="button" id="button" value="Text speichern" />
  </p>
</form>
        </aside>
        <aside class="right">
<p>Hier den Eintrag erweitern oder verändern</p>
<form id="form1" name="form3" method="post" action="schreiben_right.php">
    <label for="eingabetext">Texteingabe:<br />
    </label>
    <textarea name="eingabetext" id="eingabetext" cols="50" rows="10">';
	include("../right_deut.php");
	echo'</textarea>
  <p>
    <label for="button"></label>
    <input type="submit" name="button" id="button" value="Text speichern" />
  </p>
</form>
        </aside>';
    } else if (isset($_POST['en'])){
        echo '
               <aside id="header">
<p>Hier den Eintrag erweitern oder verändern</p>
<form id="form1" name="form1" method="post" action="schreiben_header_engl.php">
    <label for="eingabetext">Texteingabe:<br />
    </label>
    <textarea name="eingabetext" id="eingabetext" cols="50" rows="10">';
	include("../header_engl.php");
	echo'</textarea>
  <p>
    <label for="button"></label>
    <input type="submit" name="button" id="button" value="Text speichern" />
  </p>
</form>
    <div class="slidingDiv" id="int">Fill this space with really interesting content. <a href="#" class="show_hide">hide</a></div>
    <aside id="about" class=" left">
<p>Hier den Eintrag erweitern oder verändern</p>
<form id="form1" name="form2" method="post" action="schreiben_left_engl.php">
    <label for="eingabetext">Texteingabe:<br />
    </label>
    <textarea name="eingabetext" id="eingabetext" cols="50" rows="10">';
	include("../left_engl.php");
	echo'</textarea>
  <p>
    <label for="button"></label>
    <input type="submit" name="button" id="button" value="Text speichern" />
  </p>
</form>
        </aside>
        <aside class="right">
<p>Hier den Eintrag erweitern oder verändern</p>
<form id="form1" name="form3" method="post" action="schreiben_right_engl.php">
    <label for="eingabetext">Texteingabe:<br />
    </label>
    <textarea name="eingabetext" id="eingabetext" cols="50" rows="10">';
	include("../right_engl.php");
	echo'</textarea>
  <p>
    <label for="button"></label>
    <input type="submit" name="button" id="button" value="Text speichern" />
  </p>
</form>
        </aside>
        ';
    } else {
        echo '       <aside id="header">
<p>Hier den Eintrag erweitern oder verändern</p>
<form id="form1" name="form1" method="post" action="schreiben_header_tuerk.php">
    <label for="eingabetext">Texteingabe:<br />
    </label>
    <textarea name="eingabetext" id="eingabetext" cols="50" rows="10">';
	include("../header_tuerk.php");
	echo'</textarea>
  <p>
    <label for="button"></label>
    <input type="submit" name="button" id="button" value="Text speichern" />
  </p>
</form>
    <div class="slidingDiv" id="int">Fill this space with really interesting content. <a href="#" class="show_hide">hide</a></div>
    <aside id="about" class=" left">
<p>Hier den Eintrag erweitern oder verändern</p>
<form id="form1" name="form2" method="post" action="schreiben_left_tuerk.php">
    <label for="eingabetext">Texteingabe:<br />
    </label>
    <textarea name="eingabetext" id="eingabetext" cols="50" rows="10">';
	include("../left_tuerk.php");
	echo'</textarea>
  <p>
    <label for="button"></label>
    <input type="submit" name="button" id="button" value="Text speichern" />
  </p>
</form>
        </aside>
        <aside class="right">
<p>Hier den Eintrag erweitern oder verändern</p>
<form id="form1" name="form3" method="post" action="schreiben_right_tuerk.php">
    <label for="eingabetext">Texteingabe:<br />
    </label>
    <textarea name="eingabetext" id="eingabetext" cols="50" rows="10">';
	include("../right_tuerk.php");
	echo'</textarea>
  <p>
    <label for="button"></label>
    <input type="submit" name="button" id="button" value="Text speichern" />
  </p>
</form>
        </aside>';
    }
?>
Ich habe gerade auch versucht, deine Variante anzuwenden, nur irgendwas haut bei mir da nicht hin, er gibt einfach die Datei nicht in der Textarea aus
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück