Comments on: Resize HTML Forms In Firefox http://www.ghacks.net/2008/08/24/resize-html-forms-in-firefox/ A technology blog covering software, mobile phones, gadgets, security, the Internet and other relevant areas. Mon, 09 Nov 2009 13:24:39 -0600 http://wordpress.org/?v=2.8.5 hourly 1 By: Ridimensionare i form HTML in Firefox | Firefox Blog http://www.ghacks.net/2008/08/24/resize-html-forms-in-firefox/#comment-536488 Ridimensionare i form HTML in Firefox | Firefox Blog Fri, 14 Nov 2008 14:08:35 +0000 http://www.ghacks.net/?p=6434#comment-536488 [...] Leave a comment Postato da Martin su ghacks [...] [...] Leave a comment Postato da Martin su ghacks [...]

]]> By: Dotan Cohen http://www.ghacks.net/2008/08/24/resize-html-forms-in-firefox/#comment-459429 Dotan Cohen Mon, 25 Aug 2008 16:21:08 +0000 http://www.ghacks.net/?p=6434#comment-459429 It does not resize the form, but rather the textarea elements. Here are some Javascript booklets that are similar: javascript:for(var%20a=document.getElementsByTagName("textarea"),i=0;i<a.length;i++){a[i].style.width="100%";a[i].style.height="300px";}void(0); ---------------------------------------------- javascript:(function(){var%20i,x;%20for(i=0;x=document.getElementsByTagName(%22textarea%22)[i];++i)%20x.rows%20+=%205;%20})() ---------------------------------------------- javascript:TxtRsz={formEl:null,adEv:function(t,ev,fn){if(typeof%20document.addEventListener!='undefined'){t.addEventListener(ev,fn,false)}else{t.attachEvent('on'+ev,fn)}},rmEv:function(t,ev,fn){if(typeof%20document.removeEventListener!='undefined'){t.removeEventListener(ev,fn,false)}else{t.detachEvent('on'+ev,fn)}},init:function(){var%20textareas=document.getElementsByTagName('textarea');for(var%20i=0;i<textareas.length;i++){textareas[i].style.cursor='se-resize'}var%20inputs=document.getElementsByTagName('input');for(var%20i=0;i<inputs.length;i++){if(inputs[i].type=='text'){inputs[i].style.cursor='e-resize'}}TxtRsz.adEv(document,'mousedown',TxtRsz.initResize)},initResize:function(event){if(typeof%20event=='undefined'){event=window.event}var%20target=event.target||event.srcElement;if(target.nodeName.toLowerCase()=='textarea'||(target.nodeName.toLowerCase()=='input'&&target.type=='text')){TxtRsz.formEl=target;TxtRsz.formEl.startWidth=TxtRsz.formEl.clientWidth;TxtRsz.formEl.startHeight=TxtRsz.formEl.clientHeight;TxtRsz.formEl.startX=event.clientX;TxtRsz.formEl.startY=event.clientY;TxtRsz.adEv(document,'mousemove',TxtRsz.resize);TxtRsz.adEv(document,'mouseup',TxtRsz.stopResize);try{event.preventDefault()}catch(e){}}},resize:function(event){if(typeof%20event=='undefined'){event=window.event}try{TxtRsz.formEl.style.width=event.clientX-TxtRsz.formEl.startX+TxtRsz.formEl.startWidth+'px'}catch(e){}if(TxtRsz.formEl.nodeName.toLowerCase()=='textarea'){TxtRsz.formEl.style.height=event.clientY-TxtRsz.formEl.startY+TxtRsz.formEl.startHeight+'px'}},stopResize:function(event){TxtRsz.rmEv(document,'mousedown',TxtRsz.initResize);TxtRsz.rmEv(document,'mousemove',TxtRsz.resize);var%20textareas=document.getElementsByTagName('textarea');for(var%20i=0;i<textareas.length;i++){textareas[i].style.cursor='text'}var%20inputs=document.getElementsByTagName('input');for(var%20i=0;i<inputs.length;i++){if(inputs[i].type=='text'){inputs[i].style.cursor='text'}}}};TxtRsz.init(); It does not resize the form, but rather the textarea elements. Here are some Javascript booklets that are similar:

javascript:for(var%20a=document.getElementsByTagName(”textarea”),i=0;i<a.length;i++){a[i].style.width=”100%”;a[i].style.height=”300px”;}void(0);

———————————————-
javascript:(function(){var%20i,x;%20for(i=0;x=document.getElementsByTagName(%22textarea%22)[i];++i)%20x.rows%20+=%205;%20})()

———————————————-
javascript:TxtRsz={formEl:null,adEv:function(t,ev,fn){if(typeof%20document.addEventListener!=’undefined’){t.addEventListener(ev,fn,false)}else{t.attachEvent(’on’+ev,fn)}},rmEv:function(t,ev,fn){if(typeof%20document.removeEventListener!=’undefined’){t.removeEventListener(ev,fn,false)}else{t.detachEvent(’on’+ev,fn)}},init:function(){var%20textareas=document.getElementsByTagName(’textarea’);for(var%20i=0;i<textareas.length;i++){textareas[i].style.cursor=’se-resize’}var%20inputs=document.getElementsByTagName(’input’);for(var%20i=0;i<inputs.length;i++){if(inputs[i].type==’text’){inputs[i].style.cursor=’e-resize’}}TxtRsz.adEv(document,’mousedown’,TxtRsz.initResize)},initResize:function(event){if(typeof%20event==’undefined’){event=window.event}var%20target=event.target||event.srcElement;if(target.nodeName.toLowerCase()==’textarea’||(target.nodeName.toLowerCase()==’input’&&target.type==’text’)){TxtRsz.formEl=target;TxtRsz.formEl.startWidth=TxtRsz.formEl.clientWidth;TxtRsz.formEl.startHeight=TxtRsz.formEl.clientHeight;TxtRsz.formEl.startX=event.clientX;TxtRsz.formEl.startY=event.clientY;TxtRsz.adEv(document,’mousemove’,TxtRsz.resize);TxtRsz.adEv(document,’mouseup’,TxtRsz.stopResize);try{event.preventDefault()}catch(e){}}},resize:function(event){if(typeof%20event==’undefined’){event=window.event}try{TxtRsz.formEl.style.width=event.clientX-TxtRsz.formEl.startX+TxtRsz.formEl.startWidth+’px’}catch(e){}if(TxtRsz.formEl.nodeName.toLowerCase()==’textarea’){TxtRsz.formEl.style.height=event.clientY-TxtRsz.formEl.startY+TxtRsz.formEl.startHeight+’px’}},stopResize:function(event){TxtRsz.rmEv(document,’mousedown’,TxtRsz.initResize);TxtRsz.rmEv(document,’mousemove’,TxtRsz.resize);var%20textareas=document.getElementsByTagName(’textarea’);for(var%20i=0;i<textareas.length;i++){textareas[i].style.cursor=’text’}var%20inputs=document.getElementsByTagName(’input’);for(var%20i=0;i<inputs.length;i++){if(inputs[i].type==’text’){inputs[i].style.cursor=’text’}}}};TxtRsz.init();

]]> By: Roman ShaRP http://www.ghacks.net/2008/08/24/resize-html-forms-in-firefox/#comment-459285 Roman ShaRP Mon, 25 Aug 2008 11:29:02 +0000 http://www.ghacks.net/?p=6434#comment-459285 Not a big deal, but nice implementation :) Not a big deal, but nice implementation :)

]]> By: Decidiamo la grandezza dei form HTML in Firefox - Geekissimo http://www.ghacks.net/2008/08/24/resize-html-forms-in-firefox/#comment-459227 Decidiamo la grandezza dei form HTML in Firefox - Geekissimo Mon, 25 Aug 2008 10:04:35 +0000 http://www.ghacks.net/?p=6434#comment-459227 [...] Via | ghacks [...] [...] Via | ghacks [...]

]]> By: Dante http://www.ghacks.net/2008/08/24/resize-html-forms-in-firefox/#comment-458716 Dante Sun, 24 Aug 2008 19:17:27 +0000 http://www.ghacks.net/?p=6434#comment-458716 Whenever I encounter such websites where the webmaster only tested their form boxes in 640x480 format, I automatically assume that I'm not part the demographics that they want, and not bother with them. I'm assuming they don't want anybody with money to spend on bigger monitors and larger text. So when the text box comes up and overshadows the words in the article and it's impossible to read or fill out because the "submit" button is off the screen of the box, I just assume they want poor, penniless nobodies as their audience group. While this add-on is nice. I don't see the need to do business with people who obviously doesn't have anything I want. Whenever I encounter such websites where the webmaster only tested their form boxes in 640×480 format, I automatically assume that I’m not part the demographics that they want, and not bother with them. I’m assuming they don’t want anybody with money to spend on bigger monitors and larger text. So when the text box comes up and overshadows the words in the article and it’s impossible to read or fill out because the “submit” button is off the screen of the box, I just assume they want poor, penniless nobodies as their audience group.

While this add-on is nice. I don’t see the need to do business with people who obviously doesn’t have anything I want.

]]> By: Crazyfox http://www.ghacks.net/2008/08/24/resize-html-forms-in-firefox/#comment-458562 Crazyfox Sun, 24 Aug 2008 16:40:40 +0000 http://www.ghacks.net/?p=6434#comment-458562 For greasemonkey: textarea drag resize. http://userscripts.org/scripts/show/10140 For greasemonkey: textarea drag resize.
http://userscripts.org/scripts/show/10140

]]> By: Martin http://www.ghacks.net/2008/08/24/resize-html-forms-in-firefox/#comment-458473 Martin Sun, 24 Aug 2008 15:37:51 +0000 http://www.ghacks.net/?p=6434#comment-458473 link added, sorry for that. link added, sorry for that.

]]> By: Keshav http://www.ghacks.net/2008/08/24/resize-html-forms-in-firefox/#comment-458454 Keshav Sun, 24 Aug 2008 15:28:56 +0000 http://www.ghacks.net/?p=6434#comment-458454 Good post! Seems like you were so excited when writing this post that you forgot to include the link to the addon :D Good post! Seems like you were so excited when writing this post that you forgot to include the link to the addon :D

]]>