Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][PHP]Pisanie po obrazku
Forum PHP.pl > Forum > Przedszkole
badowl
Witam, jestem jak napisać takie coś http://mem.kwejk.pl/mem/everywhere.html. Jest gdzieś może gotowy skrypt?
pitu
Ma to mało wspólnego z JS, zainteresuj się:
http://php.net/manual/en/book.image.php
badowl
Wiem jak dodać tekst do obrazka, ale jakim sposobem stworzyć taki efekt jak jest na tej stronie? Chodzi mi o ten podgląd pisania
krzysiu99995
Umieść na zdjęciu jakiegoś diva i za pomocą jQuery zmieniaj jego zawartość.
Giluś
Akurat tutaj można to zrobić tak..

W tle dać obrazek (jako background) a następnie na nim 2 divy jeden na górze a drugi na dole obrazka, obok formularz i za pomocą JS uzupełniasz obrazek..

Przykład dla rejestracji: Który sprawdza czy login jest już zajęty..

JS:
[JAVASCRIPT] pobierz, plaintext
  1. $(document).ready(function()
  2. {
  3. $("#username").change(function()
  4. {
  5. var username = $("#username").val();
  6. var msgbox = $("#status");
  7.  
  8. if(username.length > 2)
  9. {
  10. $("#status").html(' Sprawdzanie dostępności.');
  11. $.ajax({
  12. type: "POST",
  13. url: "http://aaaa.pl/ajax/register.php",
  14. data: "username="+ username,
  15. success: function(msg){
  16. $("#status").ajaxComplete(function(event, request){
  17. if(msg == 'OK')
  18. {
  19. $("#username").removeClass("red");
  20. $("#username").addClass("green");
  21. msgbox.html('<font color="Green"> Dostępny</font>');
  22. }
  23. else
  24. {
  25. $("#username").removeClass("green");
  26. $("#username").addClass("red");
  27. msgbox.html(msg);
  28. }
  29. });
  30. }
  31. });
  32.  
  33. }
  34. else
  35. {
  36. $("#username").addClass("red");
  37. $("#status").html('<font color="#cc0000">Za mało znaków</font>');
  38. }
  39. return false;
  40. });
[JAVASCRIPT] pobierz, plaintext


register.php:
  1. if(isset($_POST['useremail']))
  2. {
  3. $useremail = $_POST['useremail'];
  4. $useremail = mysql_real_escape_string($useremail);
  5. $sql = mysql_query("SELECT email FROM portal_profiles WHERE email='$useremail'");
  6. if(mysql_num_rows($sql))
  7. {
  8. echo '<span style="color: #cc0000;">Email: <strong>'.$useremail.'</strong> Zajęty.</span>';
  9. }
  10. else
  11. {
  12. echo 'OK';
  13. }
  14. }
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.