YourWBB


yourWBB » yourWBB Misc * » Das Proggen » MySQL und PHP » Kleine Info-Box - Wie!? » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag 3.573 Views | | Thema zu Favoriten hinzufügen

Neues Thema erstellen Antwort erstellen

Zum Ende der Seite springen Kleine Info-Box - Wie!?
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
Brooklyn
Mitglied


Dabei seit: 26.05.05
Beiträge: 89
Forenversion: 2.3

 Kleine Info-Box - Wie!? Antworten Zitieren Editieren Melden       UP

Hallo zusammen,

ich brauche mal gerade etwas Hilfe smile 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. smile

__________________
--------------------------
Greetings,
Brooklyn!

03.11.07 16:17 Brooklyn ist offline E-Mail Finden Als Freund hinzufügen Füge Brooklyn in deine Kontaktliste ein
voodoo44 voodoo44 ist männlich
Mitglied


Dabei seit: 16.01.04
Beiträge: 291
Fähigkeiten: WBB3 Fortgeschritten
Forenversion: 3.1

Antworten Zitieren Editieren Melden       UP

Mir fällt da grad mal Javascript oder Ajax ein...
Zur Not mach's mit Frames ;p
03.11.07 19:07 voodoo44 ist offline E-Mail Finden Als Freund hinzufügen Füge voodoo44 in deine Kontaktliste ein
Brooklyn
Mitglied


Dabei seit: 26.05.05
Beiträge: 89
Forenversion: 2.3

Themenstarter Thema begonnen von Brooklyn
Antworten Zitieren Editieren Melden       UP

Alles, nur keine Frames... xD
Nehme auch andere Mittel, bräuchte da allerdins dann den Code großes Grinsen Augenzwinkern

__________________
--------------------------
Greetings,
Brooklyn!

03.11.07 21:19 Brooklyn ist offline E-Mail Finden Als Freund hinzufügen Füge Brooklyn in deine Kontaktliste ein
voodoo44 voodoo44 ist männlich
Mitglied


Dabei seit: 16.01.04
Beiträge: 291
Fähigkeiten: WBB3 Fortgeschritten
Forenversion: 3.1

Antworten Zitieren Editieren Melden       UP

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 Augenzwinkern

powered by
http://de.wikibooks.org/wiki/Websiteentw...Erstes_Programm
03.11.07 22:02 voodoo44 ist offline E-Mail Finden Als Freund hinzufügen Füge voodoo44 in deine Kontaktliste ein
Brooklyn
Mitglied


Dabei seit: 26.05.05
Beiträge: 89
Forenversion: 2.3

Themenstarter Thema begonnen von Brooklyn
Antworten Zitieren Editieren Melden       UP

Soweit verständlich, mir wird dabei nur jedes Mal eine leere Datei angezeigt x'D Versagt

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? Versagt In der Form, in welcher es auch später ausgegeben werden muss. Komplette Datei eben... unglücklich

__________________
--------------------------
Greetings,
Brooklyn!

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von Brooklyn: 03.11.07 22:30.

03.11.07 22:30 Brooklyn ist offline E-Mail Finden Als Freund hinzufügen Füge Brooklyn in deine Kontaktliste ein
Biggi
Mitglied


Dabei seit: 08.01.07
Beiträge: 3.479
Fähigkeiten: WBB2 Profi
Forenversion: 2.3

Antworten Zitieren Editieren Melden       UP

Möglich sollte sowas auch mit CSS sein.
Schau dich mal auf dieser Seite um:
http://www.cssplay.co.uk

Da findet sich z.B. sowas, was sich sicher deinen Bedürfnissen anpassen läßt:
http://www.cssplay.co.uk/menus/dropdown.html

__________________

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von Biggi: 03.11.07 22:33.

03.11.07 22:33 Biggi ist offline Finden Als Freund hinzufügen
voodoo44 voodoo44 ist männlich
Mitglied


Dabei seit: 16.01.04
Beiträge: 291
Fähigkeiten: WBB3 Fortgeschritten
Forenversion: 3.1

Antworten Zitieren Editieren Melden       UP

Dumme Frage:
Soll das mit oder ohne Reload der Page geschehen?
Weil mit reload ... warum verlinkt man dann einfach nicht auf ne andere Seite? <:
03.11.07 23:03 voodoo44 ist offline E-Mail Finden Als Freund hinzufügen Füge voodoo44 in deine Kontaktliste ein
Brooklyn
Mitglied


Dabei seit: 26.05.05
Beiträge: 89
Forenversion: 2.3

Themenstarter Thema begonnen von Brooklyn
Antworten Zitieren Editieren Melden       UP

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. Augenzwinkern

@Biggi74:
Danke, werde mal schauen smile

__________________
--------------------------
Greetings,
Brooklyn!

03.11.07 23:12 Brooklyn ist offline E-Mail Finden Als Freund hinzufügen Füge Brooklyn in deine Kontaktliste ein
voodoo44 voodoo44 ist männlich
Mitglied


Dabei seit: 16.01.04
Beiträge: 291
Fähigkeiten: WBB3 Fortgeschritten
Forenversion: 3.1

Antworten Zitieren Editieren Melden       UP

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>
03.11.07 23:24 voodoo44 ist offline E-Mail Finden Als Freund hinzufügen Füge voodoo44 in deine Kontaktliste ein
Brooklyn
Mitglied


Dabei seit: 26.05.05
Beiträge: 89
Forenversion: 2.3

Themenstarter Thema begonnen von Brooklyn
Antworten Zitieren Editieren Melden       UP

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.

__________________
--------------------------
Greetings,
Brooklyn!

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von Brooklyn: 04.11.07 11:26.

04.11.07 11:18 Brooklyn ist offline E-Mail Finden Als Freund hinzufügen Füge Brooklyn in deine Kontaktliste ein
voodoo44 voodoo44 ist männlich
Mitglied


Dabei seit: 16.01.04
Beiträge: 291
Fähigkeiten: WBB3 Fortgeschritten
Forenversion: 3.1

Antworten Zitieren Editieren Melden       UP

der Textarea das Attribut
code:
1:
wrap="soft"
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

Dieser Beitrag wurde 2 mal editiert, zum letzten Mal von voodoo44: 04.11.07 13:02.

04.11.07 12:58 voodoo44 ist offline E-Mail Finden Als Freund hinzufügen Füge voodoo44 in deine Kontaktliste ein
Brooklyn
Mitglied


Dabei seit: 26.05.05
Beiträge: 89
Forenversion: 2.3

Themenstarter Thema begonnen von Brooklyn
Antworten Zitieren Editieren Melden       UP

Hevorragend, klappt smile Danke

__________________
--------------------------
Greetings,
Brooklyn!

Dieser Beitrag wurde 3 mal editiert, zum letzten Mal von Brooklyn: 09.11.07 07:32.

04.11.07 18:55 Brooklyn ist offline E-Mail Finden Als Freund hinzufügen Füge Brooklyn in deine Kontaktliste ein
Baumstruktur | Brettstruktur
Gehe zu:

Neues Thema erstellen Antwort erstellen

yourWBB » yourWBB Misc * » Das Proggen » MySQL und PHP » Kleine Info-Box - Wie!?