[PHP] dzielenie długich wyrazów

Shevchenko1987 · Post autor: **Shevchenko1987** » 28 wrz 2009, 12:38

Na stronie internetowej dla której pisze skrypty php natknąłem się na następujący problem: jeśli w komentarzu znajdzie sie słowo dłuższe niż pole przeznaczone na jego treść, to wyraz ten wystaje poza ramki.

Co zrobić by takie wyrazy były automatycznie dzielone i przenoszone do następnej linijki?

gumbasek · Post autor: **gumbasek** » 28 wrz 2009, 14:15

Proponuje zastosować:

http://de.php.net/manual/pl/function.substr-replace.php

Pozdrawiam,

Shevchenko1987 · Post autor: **Shevchenko1987** » 28 wrz 2009, 14:20

Dziekuje za pomoc, ale z manuala potrafię korzystać.

Nie bardzo widzę natomiast konkretne zastosowanie Twojej 'propozycji'?

leon1313 · Post autor: **leon1313** » 28 wrz 2009, 14:45

http://us.php.net/manual/pl/function.wordwrap.php
dla jasności: przykład drugi.

Shevchenko1987 · Post autor: **Shevchenko1987** » 28 wrz 2009, 14:51

Wordwrap nie rozwiązuje problemu, jest jedynie półśrodkiem do zastosowania 'na teraz'. W przykładzie wygląda to ładnie, bo jest zastosowana czcionka o stałej szerokości znaku.

leon1313 · Post autor: **leon1313** » 28 wrz 2009, 16:53

Shevchenko1987 pisze: Co zrobić by takie wyrazy były automatycznie dzielone i przenoszone do następnej linijki?

IMO, dostałeś odpowiedź adekwatną do Twojego pytania.

Shevchenko1987 · Post autor: **Shevchenko1987** » 28 wrz 2009, 17:33

Widzę, że jest tu bardzo silną tendencja do rzucania mięsem. Myślałem, że screen wyjaśni wszystko, pomyliłem się. Kończąc na tym offtop, wróćmy może do problemu nurtującego mnie od jakiegoś już czasu. Rozwiązaniem może być oczywiście liczenie znaków z uwzględnieniem ich szerokości, ale przy zmianie czcionki wszystko siada...

abc667 · Post autor: **abc667** » 28 wrz 2009, 17:58

Ale jak chcesz to niby rozwiązać? Po stronie serwera nic nie zrobisz bo nic nie wiesz o czcionce u użytkownika, bo tak naprawdę on może mieć dowolna. Ta twoja "chmurka" może być renderowana różnie zależnie od silnika i od różnych innych mniej przewidywalnych rzeczy (np. innych elementów strony). Po stronie użytkownika wydajnie to zrobić też jest bardzo ciężko, jeśli by się w ogóle udało. Wg mnie jedynym rozwiązaniem jest zastosowanie overflow: auto plus ewentualnie jeszcze jeden kontener jakby coś wyłaziło.

leon1313 · Post autor: **leon1313** » 28 wrz 2009, 20:36

Gdzieś-kiedyś spotkałem ustawienia podobne do tych stosowanych na nk.pl przy opisach , tj. ukrywanie części tekstu nie mieszczącego się w wybranym polu i rozciąganie pola po najechaniu myszką.
Było to bodajże na php.pl, więc jeśli Ci to odpowiada tam spróbuj tam zadać pytanie.

abc667 · Post autor: **abc667** » 28 wrz 2009, 22:42

No to

Kod: Zaznacz cały

overflow:hidden + *:hover {overflow: visible; }

. Zawsze można poczekać na CSS3 z ostatecznym rozwiązaniem, ale to rozwiązanie pewnie nie zadowoli Shevchenko1987. Teoretycznie można by przy pomocy JS dodawać kolejne litery do długich wyrazów i sprawdzać czy wielkość kontenera się zmieniła, ale to już prawie tak szalone jak użycie tutaj np. flasha.

edit
Shevchenko1987, jak chcesz mogę pomyśleć jutro nad jakimś innym rozwiązaniem przy pomocy JS

Shevchenko1987 · Post autor: **Shevchenko1987** » 29 wrz 2009, 09:09

abc667 twoja rada zadowala szefa, więc uważam problem za rozwiązany.

Dzięki za pomoc.

abc667 · Post autor: **abc667** » 29 wrz 2009, 10:22

Trochę mi się nudziło i skleciłem coś takiego. Działa dobrze jeśli w sprawdzanym kontenerze nie ma "długich" znaczników, pogrubień czcionki itp..

Kod: Zaznacz cały

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <meta http-equiv="Content-type" content="text/html; charset=utf-8">
  <meta http-equiv="Content-Language" content="pl">
<script type="text/javascript">
	var znaki = [];
	window.onload = function() {
		for(var i=33;i<256;i++)
		{
			document.getElementById('char-test').innerHTML = String.fromCharCode(i);
			znaki[i] = document.getElementById('char-test').offsetWidth;
		}

		//sprawdzamy wszystkie bloki 
		//tutaj dla przykładu sprawdzamy jeden
		//szerokość w pikselach, width - border-width
		checkBlock(document.getElementById('test'), 76);
	}

	var segments = [];
	var tmp = 0;
	var seg_len = 0;

	function checkBlock(obj, block_width) {
		var out = '';
		segments = obj.innerHTML.toString().replace( new RegExp( "<", "gi" ), " <" ).replace( new RegExp( ">", "gi" ), "> " ).split(' ');
		for(var j=0;j<segments.length;j++)
		{
			seg_len = 0;
			var sout = '';
			for(var k=0;k<segments[j].length;k++)
			{
				tmp = segments[j].charCodeAt(k);
				if((tmp > 255) || (tmp < 32))
				{
					tmp = 64;
				}
				seg_len += znaki[ tmp ];
				if(seg_len > block_width)
				{
					sout += ' '+segments[j][k];
					seg_len = 0;
				}
				else
				{
					sout += segments[j][k];
				}
			}
			out += sout+' ';
		}
		//alert(out);
		obj.innerHTML=out;
	}
</script>

<title>...</title>
</head>
<body>
	
<span id="char-test" style="margin: 0; padding: 0; border: none; visibility:hidden;"></span> <!-- przy pomocy tego spana sprawdzamy szerkość znaków, musi być 'gdzieś', jest niewidoczny -->
<p id="test" style="width: 80px; border: 1px solid black;">aaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaa afffffffffffffffffffffffffffffff dddddddddddddddddddd dbfndbkjnd
dfgdfgdfg

dfg

df

ggd

dfd

df</p>

</body>
</html>

Shevchenko1987 · Post autor: **Shevchenko1987** » 29 wrz 2009, 11:55

Właśnie o to mi chodziło!

Jeszcze raz dzięki!

abc667 · Post autor: **abc667** » 29 wrz 2009, 12:01

Aha, pewnie o tym wiesz, ale napisze dla pewności. Ten span musi mieć dokładnie taką czcionkę jak sprawdzane boksy. A jeśli byś chciał sprawdzać boksy z dwoma rodzajami czcionek na jednej stronie przypadkiem to trzeba by dodać obsługę wielu tablic ze znakami, ale chyba tylko o komentarze chodzi. Aha, jeszcze ten cały JS przydałoby się dać w try-catch jak i inne części, ale to już nie związane z tematem.

[PHP] dzielenie długich wyrazów

[PHP] dzielenie długich wyrazów

Odp: [PHP] dzielenie długich wyrazów

Odp: [PHP] dzielenie długich wyrazów

Odp: [PHP] dzielenie długich wyrazów

Odp: [PHP] dzielenie długich wyrazów

Odp: [PHP] dzielenie długich wyrazów

Odp: [PHP] dzielenie długich wyrazów

Odp: [PHP] dzielenie długich wyrazów

Odp: [PHP] dzielenie długich wyrazów

Odp: [PHP] dzielenie długich wyrazów

Odp: [PHP] dzielenie długich wyrazów

Odp: [PHP] dzielenie długich wyrazów

Odp: [PHP] dzielenie długich wyrazów

Odp: [PHP] dzielenie długich wyrazów

Kto jest online