Премахване на скрул бар, но как ???

[XF]

Вмъквам например следното:

<textarea name="textarea" cols="30" rows="10"></textarea>

Проблемът е там, че като текстът, който се пише вътре стане твърде дълъг то отдолу се появява хоризонтален скрул бар. Как да го скрия?

Знам за CSS действията като: overflow-x и overflow-y, но и те не помагат. Знам и за следното, но също не става:

<style type="text/css">
div.scroll {
overflow: auto;
width:200px;
height:200px;
}
</style>

Все ми се появява хоризонталния скрул бар и съдържанието лети настрани, а после се вижда супер грозно в сайта, след като бъде извлечено от базата данни.

Идеята е, че от База Данни вадя информация, която да се предостави на потребител за редактиране в админ панел и той да я редактира, както желае и да я запише обратно в базата данни, но текстът примерно е прекалено дълъг та как да забраня хоризонталния скрул бар и да има само вертикален?

т.е. като се стигне до пределната дължина на текстовото поле да се появява само вертикален и да ме прехвърля на нов ред. Един вид да намества дългия текст вертикално надолу, а не както е в базата данни дълъг хоризонтално.

Идеи?

 

[mute]

това което искаш си е точно така
друг е проглма че ако напишеш дълга дума която да заема цялото пространстро от ляво до дясно така се получава хорезонталния скрол бар. незнам дали има вариант да го скриеш.
ако направиш полето достатачно широко няма да имаш такива думи , потребителите няма да се затрудняват.

 

[boby]

Да, пробвай така:

<textarea name="textarea" cols="40" rows="10"></textarea>

ак не стане така:

<textarea name="textarea" cols="50" rows="10"></textarea>

 

[XF]

@mute - благодаря, че се отзова на въпроса ми. За жалост думите ти обаче не ме зарадваха.

Проблемът е, че към админ панела съм сложил WYSIWYG редактор, който маскира дадено текстово поле/или си генерира свое чрез Java Script и потребителите все едно си имат MS Word само, че в админ панела ми и могат с множеството опции да коригират, както им е приятно съдържанието на дадена страница от сайта ми.

Съдържанието обаче заради този хоризонтален скрул става безумно дълго и после в самия ми сайт като се извлече информацията от базата данни става адски грозно. Още повече ако съм позиционирал някой div с абсолютна позиция - просто текста изкача хоризонтално настрани и темплейта изглежда трагично, защото рамките са донякъде, а над тях скрипта излива съдържанието от базата данни и то отхвърча продълговато надясно. Ако сложа скруловете пък е грозно...

Имаш ли идея как иначе чрез CSS или java script да обработвам пристигащия текст от базата данни т.е. как да го позоционирам на максимална дължина от 490 px, височината не е проблем, но да няма хоризонтални скрулове ами да върви вертикано надолу?

@boby - май не си ме разбрал

 

[mute]

странно малко нети разбрах проблема аз също ползвам такъв тип редактор ( tinymce ) и нямам такъв проблем. ако не е проблем да покажеш с снимки както точно имаш впредвид че ми е трудно разбера ( трудно схващам по принцип )

 

[XF]

Готово! Реших си проблема Иначе лошо става при мен заради самото съдържание... htmlspecialchars функцията понеже не прилага wrap на самото поле като вмъква в базата данни. Ето обаче какво решение открих за скрипта ми

<?php
function wrap (&$string, $key, $chars)
{
$string = substr(chunk_split($string, $chars, ' '), 0, -1);
}
$text = 'Тк идва дълъъъъъъъъъъъъъъъъъъъъггггггггггггггггггггг текссссссссссссссссссссссссссссссссстттттттттттттттттттттттттттттттттттттттттттттттттттттттттттттт.';
$arr_temp = explode(' ', $text);
array_walk($arr_temp, 'wrap', 30);
$output_text = implode(' ', $arr_temp);
echo '<table border="1" width="200"><tr><td>'. $text .'</td></tr></table>';
echo '<table border="1" width="200"><tr><td>'. $output_text .'</td></tr></table>';
?>

LONG LIVE PHP!

@boby, @mute - благодаря за помощта