I cannot seem to set a size for a text area relative to total screen width in CSS or HTML or Javascript? When I use CSS or a percent value in the cols attribute, they size the textarea as a percentage of another text area on the screen.
I have a web application where we pop up a little calendar control in a new window to allow users to choose dates. For cross-browser purposes, this is done via window.open (with some code to make it behave like a modal dialog) and I set the width and height of the window such that the controls fit nicely and it all looks good.
I have some users who are unable to see the OK and Cancel buttons at the bottom of the window due to some display settings on their machines. OK, I though, I'll just make the window resizable and they can then take control. How naive of me! Why on earth does IE decide that the minute I put 'resizable=yes' into my attributes for the new window that it should ignore the size?
I know I can do window.resizeTo in the onload of the calendar window, but I'm not keen on the resizing of the window.
I don't suppose anyone knows of a way to have IE open a resizable window of a given size without the resizeTo?
In my application I am using resizable property for the <div> In my script i used like this $("div").resizable(); Its working fine for all the <div> tags. My requirement is to get the <div> id and I have to save the height, width of that particular <div>. I can able get the height and width of the every div but not the id. I tried in 2 ways like var divId=$(this).attr("id"); and var divId=this.id; in _mouseDrag() in the jquery.ui.resizable.js file. In both the cases divId is undefined.
I have a function that opens a popup and I have told it not make the popup resizable but all browsers seem to ignore it and make it resizable anyway. This is the code
function openflvpopup(popurl){ window.open('FLV/play.php?file=' + popurl + '.flv', '', 'height=500px,width=550px,left=150px,top=150px,resizable=0') }
I have probably made a silly mistake but I have checked several tutorial website to make sure I write it in the syntax that they do. I can not see any mistakes.
<script language="JavaScript"><!-- /*RESIZABLE DOM GRID - (C) COPYRIGHTED DON WATSON 2003 ALL RIGHT RESERVED - DONWATS@USA.COM*/ function mouseevent(elm, _event, _function) { elm.attachEvent(_event, _function) }
function mousedetach(elm, _event, _function) { elm.detachEvent(_event, _function) }
function resizeGrid() { var srcElem = event.srcElement;
/*lets get the rule (css)*/ ruleNum = expandingTD.firstChild.className; /*assume its the span*/ ruleNum = ruleNum.substr(ruleNum.length-1,1);/*strip the num off the end*/
var _head = document.getElementsByTagName('head').item(0);
var dss = document.createElement("STYLE"); dss.id = "rowspans"; _head.appendChild(dss);
var _table = document.getElementById("grid"); var _tr = _table.getElementsByTagName("TR")[0]; var _td = _tr.getElementsByTagName("TD"); var colnum = 0;
Is it possible that first I make my window resizable,than if window is less than a fixed size I can make my window not resizable?Better to say can I change resizable feature during runtime?If possible,than how?
I think this has probably been asked before but. I want to resize an element that has .resizable() on it. I want the resizable 'stop' event to trigger when it is done.
I've been using this script (and variants that give the user different controls) for years and am positive it worked before but I just noticed that resizable is being ignored in FF 3.0.11. It is working in IE fine. I don't want the user to be able to resize the window.
Code:
function PopNada(PopNadaUrl,xW,xH) { var ScreenWidth=window.screen.width; var ScreenHeight=window.screen.height;
I'm after doing something like this A resizable background image that fades in on initial load.... I've found plenty of background image re-size scripts but none that fade in the initial image.
My resizable works great. I want to be able to set the width and height after init. How do I set the width and height from a javascript function? I am using the onClick event of an IMG to call a javascript function.
I want to set the height and width of my resizable, so I want to set ui.size.width and ui.size.height.
How do I reference ui.size.width and ui.size.height of my resizable within a javascript function?
2.) This link should then open in an new window, annnnnd that window's size should be resizable. I've been using this technique for other standard links via jquery....
jQuery('a.popup').live('click', function(){ newwindow=window.open($(this).attr('href'),'','height=350,width=600'); if (window.focus) {newwindow.focus()}
However, when attempting to combine these two, I always get an undesired affect. I would provide the entire code, but I haven't been able to get it to work.
I've got some problem with more then one plugin from jQuery.
My Problem is: if I use some "resizable background"-script (it works on IE7+/FF/Chrome), and the content is longer then 100% height of the screen (ipad/iphone), there's a white place at the bottom of my background-image.
The solution was, to fix the background, but it still doesn't work on mobile devices.
How would i change back to the default length of textarea?
I have this comment area that after clicking submit i will append the new comment in the list of comments through ajax... i got one problem though, everything is working perfectly well except for the textarea that won't change back to it's default size...
EXAMPLE:
The problem is that the textareawon't change back to it's default size // let's say that the default size is rows=3
I am using the jquery-ui resizable plugin, but I encountered some issues :
1) I had to add the ".ui-resizable" css for that plugin to work (hopefully I found a website explaining that workaround)
2) there is no "scroll" option like in draggable (!?)
3) the containment option does not work vertically on the official example [url] you are constrained horizontally, but not vertically. In my application, the containment option is buggy too : it seems to take into account the container outer margins, or something else, I don't know what, but my windows are constrained far too soon (no it's not maxWidth/maxHeight)
4) the alsoResize option is buggy : when the containment option is used, the "alsoResized" element is not constrained as well :-( Am I missing something ? Does someone have info on what's going on with this plugin ? (1.7.1, it's not an alpha version). if there is another resizable plugin available out there ? (like the one used in [url])
All I want to do is to have a div slide down from underneath a button I have. When i search online, I find a zillion slide down menu scripts, but they don't work for just sliding a div.
I've copied some code from a book which will enable me to make a layer around a page, my aim is to do something a little more complex but this I thought would get me started.
Anyway, I've run into a problem before I even start! The script works OK, it runs the image in from the left hand side quite nicely, great. Problem I have it always scrolls up to the top of the page, when the link I click maybe 2 or 3 screens below (does that make sence?). I thought if I was to add a name attribute to the link I could get the co-ordinates of this and the screen will not reposition. Code:
My pages all have the same blank at start then the images slide up trick. I have an old workaround for IE that stopped working, and I don't know what to do. In IE now nothing shows up.
I'm looking for a particular dhtml content scroller that is will slide to different sections of the content when a link is clicked.
Imagine a long table with all the pages of content on it side by side and a layer is placed over that table so that when a link is clicked the desired content will slide into view.
Its a very common effect used in flash sites but im wondering if anyone knew how to do it using dhtml.
I have a form that will display either text boxes to edit a start and end date or just display nothing depending on the selection from a <select>. I am using JavaScript and DHTML to accomplish this and the code below works fine. When the page loads my <select> will have a value already.
My question is how do I get the correct block of code to show up when the page loads depending on what is already selected? I can't use an onLoad in the body tag because I am unable to edit the body tag. Code:
I've got a good cross browser dhtml fade in script that shows random images from an array when the window loads. It works perfectly for that.
I'd like to alter the code to show when the window loads the 'entire slideshow' over and over in a loop. I'm very new to JavaScript and could use a bit of help or advice on how to implement this. My coding knowledge is very basic. Code: