Commenti a: Fare il resize di una textarea http://www.napolux.com/2007/fare-il-resize-di-una-textarea.html Blog di Napolux, dedicato al Web 2.0, ai blog e al mondo della programmazione AJAX, PHP, MySQL e JavaScript Wed, 17 Mar 2010 18:51:09 +0100 http://wordpress.org/?v=2.9.2 hourly 1 Di: giambo http://www.napolux.com/2007/fare-il-resize-di-una-textarea.html/comment-page-1#comment-11507 giambo Sat, 21 Apr 2007 11:37:50 +0000 http://www.napolux.com/2007/04/16/fare-il-resize-di-una-textarea/#comment-11507 UPS: come normale che fosse strip_tags m'ha cancellato il codice HTML...boh UPS: come normale che fosse strip_tags m’ha cancellato il codice HTML…boh

]]> Di: giambo http://www.napolux.com/2007/fare-il-resize-di-una-textarea.html/comment-page-1#comment-11506 giambo Sat, 21 Apr 2007 11:34:44 +0000 http://www.napolux.com/2007/04/16/fare-il-resize-di-una-textarea/#comment-11506 Io ho risolto così: Scaricato il <a href="http://boring.youngpup.net/_projectDirectories/domdrag/dom-drag.js" title="DOM-Drag" rel="nofollow">DOM-Drag</a>. <code> </code> <code> window.onload=function() { // controllo che il browser sia compatibile if (document.all || document.getElementById) { // Oggetto da draggare // lo selezione in modo diverso a seconda se si tratta di IE o resto del mondo var oggetto = document.all ? document.all["area_di_testo"] : document.getElementById("area_di_testo"); // Immagine che fa da cursore (20x20px) var dragger = document.all ? document.all["dragger"] : document.getElementById("dragger"); // Metto il cursore 57 px (height della textarea settata in CSS) dragger.style.top = (parseInt(oggetto.offsetTop)+57) + 'px'; // Inizializzo drag vincolandolo solo all'asse Y e bloccando lo scrolling verso l'alto, al limite minimo di altezza della textarea (50 nel mio caso). 528, perché piazzo il cursore a destra in basso della textarea Drag.init(dragger,null,528,528,(parseInt(oggetto.offsetTop)+50)); // evito di far veder il cursore prima che sia nella sua posizione corretta dragger.style.display = 'block'; // Funzione all'evento drag dragger.onDrag = function(x,y) { // -2 per recuperare lo scarto verso il basso dato alla posizione del cursore quando l'abbiamo inizializzato (era per evitare la sovrapposizione dello stesso con la textarea) oggetto.style.height = (y - parseInt(oggetto.offsetTop)-2) + 'px'; } } } </code> piazzato ciò in HTML: <code> <!-- L'altezza della textarea deve corrispondere alla posizione iniziale settata con JavaScript -2 pixel cfr. commenti sopra //--> <!-- Il dragger deve avere la posizione settata in assoluto //--> </code> Ecco. Per vedere come funzia vi tocca iscrivervi a <a href="http://www.quotidianostyle.com" title="quotidianoStyle.com" rel="nofollow">quotidianoStyle</a> (che è poi una cosa simpatica via!) e caricare un video (tra un giorno o due in verità visto che appunto ci sto lavorando). Spero serva, quanto a me è servito questo post! Ciao Io ho risolto così:

Scaricato il DOM-Drag.


window.onload=function() {
// controllo che il browser sia compatibile
if (document.all || document.getElementById)
{
// Oggetto da draggare // lo selezione in modo diverso a seconda se si tratta di IE o resto del mondo
var oggetto = document.all ? document.all["area_di_testo"] : document.getElementById("area_di_testo");

// Immagine che fa da cursore (20x20px)
var dragger = document.all ? document.all["dragger"] : document.getElementById("dragger");

// Metto il cursore 57 px (height della textarea settata in CSS)
dragger.style.top = (parseInt(oggetto.offsetTop)+57) + 'px';

// Inizializzo drag vincolandolo solo all'asse Y e bloccando lo scrolling verso l'alto, al limite minimo di altezza della textarea (50 nel mio caso). 528, perché piazzo il cursore a destra in basso della textarea
Drag.init(dragger,null,528,528,(parseInt(oggetto.offsetTop)+50));

// evito di far veder il cursore prima che sia nella sua posizione corretta
dragger.style.display = 'block';

// Funzione all'evento drag
dragger.onDrag = function(x,y) {
// -2 per recuperare lo scarto verso il basso dato alla posizione del cursore quando l'abbiamo inizializzato (era per evitare la sovrapposizione dello stesso con la textarea)
oggetto.style.height = (y - parseInt(oggetto.offsetTop)-2) + 'px';
}
}
}

piazzato ciò in HTML:

Ecco. Per vedere come funzia vi tocca iscrivervi a quotidianoStyle (che è poi una cosa simpatica via!) e caricare un video (tra un giorno o due in verità visto che appunto ci sto lavorando).

Spero serva, quanto a me è servito questo post!
Ciao

]]> Di: Napolux http://www.napolux.com/2007/fare-il-resize-di-una-textarea.html/comment-page-1#comment-11356 Napolux Wed, 18 Apr 2007 06:51:35 +0000 http://www.napolux.com/2007/04/16/fare-il-resize-di-una-textarea/#comment-11356 <b>@Silvicius</b> Ecco, adesso vogliamo vederlo però :P @Silvicius
Ecco, adesso vogliamo vederlo però :P

]]> Di: Silvicius http://www.napolux.com/2007/fare-il-resize-di-una-textarea.html/comment-page-1#comment-11344 Silvicius Tue, 17 Apr 2007 18:04:35 +0000 http://www.napolux.com/2007/04/16/fare-il-resize-di-una-textarea/#comment-11344 Oggi, nelle ore buche all'università, ho fatto tutto! Grazie mille ancora per i consigli! Adesso il mio editor è veramente fico :-D Oggi, nelle ore buche all’università, ho fatto tutto! Grazie mille ancora per i consigli!

Adesso il mio editor è veramente fico :-D

]]> Di: gpessia http://www.napolux.com/2007/fare-il-resize-di-una-textarea.html/comment-page-1#comment-11332 gpessia Tue, 17 Apr 2007 00:13:52 +0000 http://www.napolux.com/2007/04/16/fare-il-resize-di-una-textarea/#comment-11332 ottimo! ottimo!

]]> Di: Silvicius http://www.napolux.com/2007/fare-il-resize-di-una-textarea.html/comment-page-1#comment-11328 Silvicius Mon, 16 Apr 2007 21:26:55 +0000 http://www.napolux.com/2007/04/16/fare-il-resize-di-una-textarea/#comment-11328 Grazie mille per avermi dedicato un post! Sei troppo gentile! Adesso ci smanetto un po' e poi ti saprò dire ;-) Grazie mille per avermi dedicato un post! Sei troppo gentile!
Adesso ci smanetto un po’ e poi ti saprò dire ;-)

]]>