Skip to content

Using resize, css, and position of JQuery UI: functions_sign_in.js (part 6)

September 27, 2013

resize is a function in jquery. resize is used to adjust the pop ups and location of the  form of the sign up. On the example below, the height of your screen and and window browser is compared to adjust a div’s height using the css method of JQuery.

## resize :: when the window either go fullscreen or when the window changes the size.

## if(screen.height === window.outerHeight) :: compares the screen and windows height

  1. $(window).resize(function() {
  2. /////////////////////////////////////////////
  3. if(screen.height === window.outerHeight)
  4. $(“.adjustForm”).css(“height”, “60px”);
  5. else
  6. $(“.adjustForm”).css(“height”, “0px”);
  7. ////////////////////////////////////////////

arrayNameForm :: contains all the id of the pop ups of the input form

arrayNameFormEquiv :: contains a string of either ‘yes’ or ‘no’ to determine if the pop ups of the input form are showing or hiding. in this way, we can determine which of the pop ups are showing.

  1. for (i = 0; i < arrayNameForm.length; i++) {
  2. if (arrayNameFormEquiv[i]=== ‘yes’) {
  3. $(“#” + arrayNameForm[i]).position({
  4. of: $(“input[name='” + arrayNameForm[i] + “‘]”),
  5. my: “left top”,
  6. at: “left bottom”,
  7. collision: “flip”
  8. });
  9. }
  10. }
  11. ///////////////////////////////////////////
  12. });

DOWNLOAD COMPLETE CODES HERE

Advertisements
Leave a Comment

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

TurtleAndRobot.com

Children's Book Reviews

Malav Shah

official Web Site

My Road to Programming

The journey of how I taught myself to program.

paritoshmishra

Look at what's brewing up guys! we all are work in progress. So don't meander, lets micromesh everything and have candid conversation about every problem related to C, C++ and JAVA. We can rejuvenate the crinkled faces.

ProgramThat;

A simple guide to programming...

ITechonology

Information Techonology

Rahul's Work

My Work Tips and Tutorial on Various Tech.

Turnip Farmers

Kingdom Scans

Gigaom

Technology news, trends and analysis covering mobile, big data, cloud, science, energy and media

The Neighborhood

telling the story from every vantage point

HarsH ReaLiTy

A Good Blog is Hard to Find

VentureBeat

News About Tech, Money and Innovation

retireediary

The Diary of a Retiree

50 Year Project

My challenge to visit 192 countries, read 1,001 books, and watch the top 100 movies

[BTW] : Ben Trube, Writer

Writer, Programmer, Singer

My Arch Walkthrough

Arch linux made easy

Don Charisma

because anything is possible with Charisma

SutoCom Solutions

Success & Satisfaction with the Cloud

%d bloggers like this: