Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Odbicie tekst
Forum PHP.pl > Forum > Po stronie przeglądarki
chomiczek
Słuchajcie czy jest jakiś prosty sposób, żeby w CSSie (a może w JS/jQuery) odbić tekst w określonym elemencie?
Np. mam div'a, w którym mam zawartość np:
  1. <div id="aaa">qwertyuiop</div>


a chciałbym otrzymać:
  1. <div id="aaa">poiuytrewq</div>


Jest jakiś prosty sposób na to?
jaslanin
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  6. <title>Untitled Document</title>
  7. </head>
  8.  
  9. <body>
  10. <script type="text/javascript">
  11.  
  12. String.prototype.reverse= function(){
  13. var s= '', L= this.length;
  14. while(L){
  15. s+= this[--L];
  16. }
  17. return s;
  18. }
  19.  
  20. $(document).ready(function() {
  21.  
  22. $('#aaa').text( $('#aaa').text().reverse() );
  23.  
  24. });
  25. </script>
  26.  
  27. <div id="aaa">qwertyuiop</div>
  28.  
  29. </body>
  30. </html>
  31.  
thek
Zamiast kombinować ze skryptem posłuż się CSS smile.gif Ja tak odwracam adresy e-mail na jedynm serwisie. Jaki efekt? Wpisuję go odwróconego (i tak wygląda w kodzie, źródle, podczas copy-paste więc także) i odwracam CSS. Na stronie więc wygląda prawidłowo dla człowieka smile.gif
  1. span.odwroc { unicode-bidi:bidi-override; direction: rtl; }

  1. <span class="odwroc">lp.liam@sikaj</span>

Da w wyniku jakis@mail.pl dla usera, ale źródło i kopiowanie beda go widziały jako odwrócony. Prosty sposób na spamboty spisujące na pałę gdy widzą @ smile.gif Wystarczy wybrać sobie adres mailowy w stylu jan.kowalski@domena.pl a większość polegnie bo nawet odwrócony pasuje do wzorca maili wink.gif

PS: minusem jest ewentualny problem dla osób niedowidzących. One także mogą go odwróconego odczytać...
chomiczek
Sposób thek'a działa wyśmienicie..
mam jeszcze jedno pytanie, a mianowicie mam wygenerowane sporo <div>, które mają różne identyfikatory, mają oczywiście wspólny element, np.
<div id="nazwa_xxx">zawartosc</div>
xxx = to wartości liczbowe
w jaki sposób w jQuery odwołać się do tych wszystkich elementów? zastosować jakieś wyrażenie regularne?

a to sobie sam odpowiem smile.gif

  1. $("div[id^='nazwa_']")

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.