Code... Check out this picture.. i want to make one of my lists to be shown in this way..
whenever you click the '+' sign, the products under the main products will be displayed, and when you click the '-' sign, the products under the main products will be hidden.
I've implemented the following script: http://www.cross-browser.com/x/examples/drag1.php
all works perfectly, however i just need to know how i could also add a maximize function in order for a div to cover the whole webpage..
I want the div to start out completely minimized at 0% height and then when I click the button that calls the function it should increase the size to 100%, once it is maximized I want it to set the height back to 0% when the button is clicked again. Heres what I have so far. I can get it to minimize and maximize itself but I can't get the height set correctly.
<SCRIPT language="javascript">
var y = 100;
var q = 5;
var f = 0;
[Code]....
How can I capture the maximize and minimize of a browser? It is possible to capture this events? I'm searching the web and I didn't found any results. I want to be know if the user maximize/minimize the browser ?
View 1 Replies View RelatedHow to remove the close(x), minimize and maxize buttons on the browser?.
View 4 Replies View RelatedI'm maximizing display space on a touch screen using chromeless windows but I need to minimize the screen with a button. Is there a way to do this?
View 1 Replies View RelatedI have 10 buttons on a page, and 10 more "onmouseover buttons" that correlate to the first set. Each button or onmouseover button is only 1-2KB! But I can still hold the mouse over a button for a couple seconds until it loads the onmouseover button. I'm using javascript to have the buttons change. The page does load a 2MB video. Could that be the cause? Can I tell it to load the buttons first somehow?
View 1 Replies View RelatedIm just wondering if anyone knows how to create a dropdown menu which lists all anchors on that page dynamically?
View 3 Replies View Relatedthe scripts i made is for a search box , the problem is that the search lists does not expand over the page. its just moving the page more down. this is the script:
<script type="text/javascript">
function lookup(inputString) {
if(inputString.length < 1) {
[code]....
I have a page that lists products. i then have a list of categories with a checkbox next to each one. i want to be able to refine the products list based on the categories checked. but i want to not have to use a submit button on the form and not have to refresh the page. i know i need jquery to do this. not sure how though.
example code:
PHP Code:
So if Red is checked than it should the on the page Product 1, Product 2, and Product 4
I am building a site where i am using some nested lists which I want to show when clicking ther parent li and then disapear when clicking it again.
the problem I am having is when the page initially loads or is refreshed it shows all the nested lists 'opened' Code:
before starting to modify the script i juste want to know if it's gone work like this. I prefer to ask because i still know nothing about javascript even though i start to understand thing a little but here is the script for a div to be maximized! however i don't want the div to cover the whole screen in terms of height! indeed i want to leave 30px on the bottom! Code:
View 2 Replies View RelatedI was wondering if it is possible to maximise a screen in javascript.
right now, I use this code:
A HREF="heritage.html" onClick="msgWindow=window.open
('heritage.html','fullWindow','toolbar=no,location =no,directories=no,status=
no,menubar=no,scrollbars=yes,resizable=yes,width=8 30,height=630'); return
false" onmouseover="window.status='open site in full screen' return true"
CLASS=TP>open full screen</A>
, but I was wondering if we can fill the entire screen?
I'm writing a web server and an Ajax-y web UI for an embedded system. My server is just plain dumb and quite resource constrained and right now I have code in the server to skip over all the POST header fields. I'd rather not use bandwidth to send them and CPU to skip them. Can I minimize my request header? I was looking to do something like:
req = new xHttpRequest();
for (f in req.header) {
if (f != "Content-Type:') {
req.header[f] = null;
}}
But I haven't found a reliable way to get the header fields. Maybe I haven't looked hard enough. Pointers...?
I have created a frameset which is my default page. I am using
window.resizeto and window.move to size and position the window on the
users screen, but I also need to disable the maximize button on the
window.
I know this can be done when using the window.open function as one of
it's parameter's, however, as this is my landing page, I need to do
this on page load.
in IE, my page gets buggy when the user resizes the window. ive fixed it for when the user clicks and drags the corner of IE, but it is still buggy when the user maximizes the window. i know i can fix this as well if i can just learn to detect the difference on the onresize event between maximizing and all other ways the user can resize it.
View 6 Replies View RelatedI 've try to enlarge an image with a click and then downsize again with another click.
I use the following jQuery
code:
$(".wpBilderliste img")
.click(function() {
$(this).animate({width: "593px"}, "slow")
.click(function(){
[Code].....
How do you minimize the portlet on form load?
View 1 Replies View RelatedI saw minimize/restore pluign for jquery dialog, I need one for a table is there anything avaliable ?
View 1 Replies View Relatedthis is the code i get the window size (width) when the page is ready.
Code:
$(document).ready(function(){
var height_window = $(window).height();
[Code]....
ideally, i hope to get the window size as well when you make the window smaller by dragging... what event should i be using then??
this is the implimentation of the entire code, [URL]
I was trying to modify the code-slider plugin so that it would scroll panels that were the size of the entire screen. (the demo on the jquery site has it moving panels that are rather small). So I thought all I had to do was take each div that sandwiches the panel (several are nested) and set their width in code to be the width of the monitor. It did not work.
So I simplified the code to show here. I just have the divs, and their css, and the code that sets them to the width of the screen.
Here's the entire code, css, and html (its not long):
We want the panel to extend the width of the page, and eventually also figure out how to make it extend the height of the page. Then we want to put a menu on top which will scroll from panel to panel, where each panel covers the entire page. The menu would have absolute positioning, so it would stay on top.
Here is another panel, this time in Latin:
I am developing a site for my client in wordpress. According to clients needs I have to add 6-7 jquery instances into a site. means I need to import jquery.js file for each of JQuery effect such as menu, slider, scrooler, tabs, buttonsinto a site. Because of this site loading time is affected and I need to use noconflict() function to make jquery variable separate for each of JQuery effect. I need help to improve site loading time by minimizing importing of jquery.js file. but I need to keep all the effect as before.
View 8 Replies View RelatedI want to maximize browser window automatically in IE7 and FF(latest version) is there any way to maximize the window.
View 2 Replies View RelatedIm trying to validate a form using javascript. If there are errors in the form javascript lists them in a div tag on the top of the page. the problem is that whenever i click the submit for the first time everything is working but after i get the errors if im clicking submit again, it's submitting the form regardless of the errors...
Attached is the code
Ok, I want to make it so that page doesn't have address bar or menu bar but from within the page ( i dont want to have to make a link to the page so that it has to be in java in order to show the no menubar and no address bar )
so yeah, just to clearify that again, from within the page, i want to remove the address + buttons plus anything else (except the blue bar that holds the title and exit of course)
please tell me how to do this I saw codes for doing it through a java/text links but I want it to be a regular link and the code to be within the page, thanks a million in advance.
I'm new to javascript and im trying to add a close button function to my certain pages of my site. I use this code:
<a href='javascript:window.close();'>Close Window</a>
to create a hyperlink which closes the window. However with pages which
display data retrieved from a database using PHP i use a form to submit
a search on the page which displays results. At the bottom of the page
is the close window link, however it fails to work once a form has been
submitted on the page. It only works when the page first loads.
Any ideas guys on how i can get a close window option that works on my
results page after submitting a search?