Brooklyn
Hallo zusammen,
ich brauche mal gerade etwas Hilfe
Bin dabei an einer Info-Box herumzuschreiben. Möchte es nun so machen, dass ich erst eine weiße Leiste habe, in welcher eine Überschrift (2 oder 3 Wörter) steht. Wenn man auf diese Überschrift klickt soll eine Box sich direkt darunter öffnen, und den vollständigen Text enthalten.
Hier mal eine bildliche Darstellung.
Links = Nachher | Rechts = Vorher
Danke für eure Hilfe.
voodoo44
Mir fällt da grad mal Javascript oder Ajax ein...
Zur Not mach's mit Frames ;p
Brooklyn
Alles, nur keine Frames... xD
Nehme auch andere Mittel, bräuchte da allerdins dann den Code
voodoo44
| code: |
1:
2:
3:
4:
5:
|
<input type="button" value="tu ajax" onClick="zeigetext()">
<br />
<div style="width:400px; border: 1px black solid;" id="output">
noch kein Text
</div> |
|
Und jetzt die Funktion "zeigetext" noch dazu
| code: |
1:
2:
3:
4:
5:
6:
|
function hol_datum() {
var myAjax = new Ajax.Request(
"zeigemir.php",
{ method: 'get', onComplete: zeigetext }
);
} |
|
Und schlussendlich die zeigemir.php
| code: |
1:
2:
3:
|
<?php
echo "Hallo, neuer Text!";
?> |
|
Ich glaub das war's dann sogar schon
powered by
http://de.wikibooks.org/wiki/Websiteentw...Erstes_Programm
Brooklyn
Soweit verständlich, mir wird dabei nur jedes Mal eine leere Datei angezeigt x'D
Verstehe ich doch richtig, dass die ersten beiden Codes in die selbe Datei müssen, und der dritte Code in eine extra Datei?
Wäre es möglich, dass du den Code direkt mal "hintereinander" reihst?
In der Form, in welcher es auch später ausgegeben werden muss. Komplette Datei eben...
voodoo44
Dumme Frage:
Soll das mit oder ohne Reload der Page geschehen?
Weil mit reload ... warum verlinkt man dann einfach nicht auf ne andere Seite? <:
Brooklyn
Normal ohne Reload. Sollen mehrere dieser Boxen auf eine Seite. Wenn es mit Reload wäre, hätte ich ja anstatt einer Seite hinterher X-Hundert Seiten.
@Biggi74:
Danke, werde mal schauen
voodoo44
Versuch es mal mit dem folgenden Code:
| code: |
1:
2:
|
<a href="#" onclick="document.getElementById('areaID').value = 'Hallo, ich füge hier was ein!'; return false;">eins</a>
<textarea name="areaName" id="areaID" rows="30" cols="150"></textarea> |
|
Brooklyn
Sehr schön, Danke. Müsste so eigentlich gehen. Falls du mir nochv erraten ikannst, wie ich innerhalb dieses kastens nun noch einen Zeilenumbruch hinbekomme, wäre ich dir sehr dankbar.
<br> funktioniert nicht... *g*
Des Weiteren: Ist es möglich, irgendwie "einzustellen", dass man in den Boxen nicht mehr direkt eintippen kann? Wenn ich den Code in die Seite einbinde, kann ich nachträglich immernoch etwas hinein schreiben.
voodoo44
der Textarea das Attribut
geben ... dann wird automatisch umgebrochen!
Und für das "nur lesen" : readonly als Attribut ... ergo so:
| code: |
1:
|
<textarea name="areaName" id="areaID" rows="30" cols="150" wrap="soft" readonly></textarea> |
|
NACHTRAG:
Für Zeilenumbrüche - versuch mal
\n