login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Realtime editor

Offline lau - 20/04/2006 23:53
Avatar van lauHTML interesse Vroeg me af of er zoiets bestaat als een realtime editor. Dus na inloggen dat je op je site komt dat eruit ziet dat je niet bent ingelogd, maar dat je bepaalde acties meteen kan wijzigen door op de tekst te klikken. Die veranderd meteen in een tekstvlak en je kan meteen updaten. Volgens mij ging dat met AJAX en Javascript icm php/mysql ofzoiets?

3 antwoorden

Gesponsorde links
Offline Sitefoon - 21/04/2006 08:13
Avatar van Sitefoon Nieuw lid als je een beheerder bent bij startkabel.nl (wat ik dus ben)

geeft hij zo'n editor. ik weet dat ze daar alles in php schrijven maar of daar geen andere talen zijn gebruikt weet ik niet.
Offline Koen1 - 21/04/2006 14:43 (laatste wijziging 21/04/2006 14:44)
Avatar van Koen1 Nieuw lid Waarom AJAX gebruiken? Dat is een en al gehypte shit, 9 van de 10 keer overbodig gebruikt om popi-jopi over te komen.

Anyway, om je vraag te beantwoorden: dit is gewoon mogelijk met css en javascript. Je maakt twee div's:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <div id="normaal_introtekst" style="display: block;">
  2. Hier komt gewoon de pagina te staan zoals die is, met een linkje naar een javascript dat ervoor zorgt dat deze div niet meer te zien is en dat het editformulier opent.</div>
  3.  
  4. <div id="editor_introtekst" style="display: none;">
  5. <form name="editor" method="post" action="verwerkditformulier.php">
  6. <input type="hidden" name="bewerktekst" value="introtekst">
  7. <textarea name="tekst">
  8. Hier komt gewoon de pagina te staan zoals die is, met een linkje naar een javascript dat ervoor zorgt dat deze div niet meer te zien is en dat het editformulier opent.
  9. </textarea>
  10. <input type="submit" name="bijwerken">


Het javascript je zou dan iets zijn in de trend van


php code - Bekijk de code zonder highlighting - Klap code in 
  1. function bewerk() {
  2. document.getElementById('normaal_introtekst').style.display = 'none';
  3. document.getElementById('editor_introtekst').style.display = 'block';
  4. }
  5.  
  6. <!-- deze roep je aan als volgt: -->
  7. <a href="javascript:void(0);" onclick="bewerk();">Bewerk introtekst</a>


Of bovenstaande code echt helemaal werkt weet ik niet, niet getest.

Wat je natuurlijk wel moet doen: toon de bewerk div niet als de bezoeker niet de admin is en toon de bewerk link dan ook niet.

succes!
Offline lau - 21/04/2006 17:25
Avatar van lau HTML interesse Ik zoek zoiets als: http://www.back...tagrid.xml[7]
Deze werkt wel met ajax om direct gegevens door te sturen naar database.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.199s