Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [php + js] skracanie linijek
Balon
post
Post #1





Grupa: Zarejestrowani
Postów: 422
Pomógł: 0
Dołączył: 14.12.2005
Skąd: Wałbrzych

Ostrzeżenie: (0%)
-----

Więc tak znalazłem sobie taki skrypcik i go przerobiłem trochę:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <title>Tooltip</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
  6.  
  7. <style type="text/css">
  8. body{text-align:center}
  9. img {display:block;margin:auto}
  10.  
  11. #tooltip {
  12.   /* WYGLĄD */
  13.   text-align:left;
  14.   white-space:nowrap;
  15.   color:#fff;
  16.   font:normal bold 10px Verdana, sans-serif;
  17.  
  18.   padding:4px;
  19.   /*background:#f2f2f2;*/
  20.   background-image: url('bg.gif');
  21.  
  22.   /* ROZMIESZCZENIE */
  23.   position:absolute;
  24.   margin-top:25px; /* odległość w pionie od kursora myszy */
  25. }
  26. </style>
  27.  
  28. <script type="text/javascript">
  29. <!-- <![CDATA[
  30. /*****************************************
  31.   Copyright (c) 2004 Tomasz Elendt- Eluś
  32. this script is free for non-commercial use
  33. *****************************************/
  34. function tooltip(d,E,b,i,a){
  35.   d=document;E=d.documentElement;b=d.body;if(!E)return;
  36.   for(i=0;a=b.getElementsByTagName("a")[i];i++){
  37.     if(a.title){
  38.       with(a.t=d.createElement("div")){
  39.         id="tooltip"
  40.         innerHTML=a.title.replace(/\|/g,"<br />")
  41.       }
  42.       a.onmouseover=function(e){
  43.         with(this){title="";onmousemove(e)}
  44.         b.appendChild(this.t)
  45.       }
  46.       a.onmouseout=function(x){
  47.         with(this){title=t.innerHTML.replace(/<br \/>/g,"\|")}
  48.         if(x=d.getElementById("tooltip"))b.removeChild(x)
  49.       }
  50.       a.onmousemove=function(e){
  51.         e=e||event;with(this.t.style){
  52.          left=e.clientX+(E.scrollLeft||b.scrollLeft)+"px"
  53.          top=e.clientY+(E.scrollTop||b.scrollTop)+"px"
  54.         }
  55.       }
  56.     }
  57.   }
  58. }
  59. function addEvent(O,E,F,x){
  60.   return(x=O.addEventListener)?x(E,F,1):(x=O.attachEvent)?x('on'+E,F):!1
  61. }
  62. addEvent(window,'load',tooltip);
  63.  
  64. // ]]> -->
  65. </script>
  66. </head>
  67.  
  68. <body xml:lang="pl">
  69.   <div id="main">
  70. 	<a href="tooltip.html" title="<table border=0><tr><td><img src=plik.gif></td><td style=font: 9px normal tahoma>
  71. 	Jedno z lepszych skryptów for jakie może być zawiera bardzo dużo dodatków.
  72. Więcej na www.przemo.org</td></tr></table>">GoD P2P (21923)</a>
  73.   </div>
  74.  
  75. </body>
  76.  
  77. </html>
[HTML] pobierz, plaintext


Jednak wpisywany tekst do tego tooltipa sam się nie dopasuje np. do szerokosci 200 px tylko bedzie lecial w bok ile tylko sie da. Mozna temu zapobiec dodajac znak | ktory w tym skrypcie oznacza nowa linie. Teraz mam nastepujacy problem. Bo do tego tooltipa chcialem pobierac tresc jednak ta tresc musi sie zmiescic w szerokosci 200px. I wpadlem na pomysl zebym pobieral tresc z bazy, najpierw skracal go za pomoca strstrs() do np. 300 liter i potem dzielil to na fragmenty po 50 liter (jednak msuza to byc cale wyrazy a nie uciete slowa) i wrzucal do tablicy. Potem wrzucal do petli ktora robie nowe wiersze ktorej zawartoscia sa te elementy tablicy.

Mam nadzieje ze ktos to zrozumial. Ja niestety nie jest w stanie wymyslic sobie jak to mialoby wygladac. Czy ktos z Was moglby mi pokazac w jaki sposob to zrobic ?
Go to the top of the page
+Quote Post
Vogel
post
Post #2





Grupa: Zarejestrowani
Postów: 402
Pomógł: 0
Dołączył: 20.01.2003

Ostrzeżenie: (0%)
-----

explode (po spacjach) -> array_chunk (po 50elelemntow) -> join
Go to the top of the page
+Quote Post
Balon
post
Post #3





Grupa: Zarejestrowani
Postów: 422
Pomógł: 0
Dołączył: 14.12.2005
Skąd: Wałbrzych

Ostrzeżenie: (0%)
-----

To mnie przerasta... To czy mozna byloby zrobic to w taki sposob ze biore ta tresc i dziele ja na n czesci(po 50 liter) i wrzucic je do tablic... reszte będę chyba potrafił zrobić więc proszę o podanie przykładu takiego zastosowania... Dziekuję, pozdrawiam (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 21.12.2025 - 00:22
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn