Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [php + js] skracanie linijek
Forum PHP.pl > Forum > Przedszkole
Balon
14.01.2006, 17:17:16
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 ?
Vogel
14.01.2006, 17:53:42
explode (po spacjach) -> array_chunk (po 50elelemntow) -> join
Balon
14.01.2006, 18:27:12
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 winksmiley.jpg
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.