Post HTML5, Javascript & CSS3 queries here

[Piyush]

Got a problem.
I am creating a form in which when a user submits the form, a unique ID will be generated. That ID should b displayed as a message box/ alert box to the user (I'm referring to a small message window just like a modal window).
IS there a method/plugin to do that?
PS: Using Jsp and Jquery along with Oracle .
I only need a way to display that small window, thats what I'm asking about. Generating that unique ID will be done by Oracle, so no issues there.

 

[abhidev]

just insert that Uinique ID inside a <div> that is vertically/horizontally center aligned using jquery. you can then show/hide the div as per your needs.

$('#modal').show(); OR $('#modal').hide();

 

[Piyush]

Ok a little change Abhidev... I wont be using Modal window since the new window which is opened is not what I was looking for. I'm looking for a small message/ alert box which will only show that unique ID and the only button on that small window is to close it. It shouldn't even have a title bar or something like that. You must have come across several alert/message box which are seen when a web site requires you to log-in. That particular window has only username and password field apart from Cancel and Submit button. I'm looking for something like that.

 

[vickybat]

Ok a little change Abhidev... I wont be using Modal window since the new window which is opened is not what I was looking for. I'm looking for a small message/ alert box which will only show that unique ID and the only button on that small window is to close it. It shouldn't even have a title bar or something like that. You must have come across several alert/message box which are seen when a web site requires you to log-in. That particular window has only username and password field apart from Cancel and Submit button. I'm looking for something like that.

Try using the confirm method.

confirm("Unique ID");

When you press ok, the box disappears.

Are you connecting/integrating oracle forms with JavaScript/JQuery ?

 

[abhidev]

here's the example

 

[Piyush]

Re: Post HTML5, Javascript &amp; CSS3 queries here

Try using the confirm method.

confirm("Unique ID");

When you press ok, the box disappears.

Are you connecting/integrating oracle forms with JavaScript/JQuery ?

Ok will try that. And yea I'm gonna import that unique ID via Oracle DB with Jquery and JSP.
I was also thinking of using Alert method. Will it fulfill my requirement? That is, will I be able to import the unique ID into that alert box somehow?

here's the example

Yea abhidev something like this. So will I be able to import a unique ID from db and show it in this window?

 

[abhidev]

yes...since you are using JSP..add it as a jsp variable in your template and you shall be able to use it either using a div or a simple alert box.

 

[Piyush]

Re: Post HTML5, Javascript &amp; CSS3 queries here

Alright thats what I wanted to know whether it was possible or not
Thanks

--------------------------------------------------------
Done that.
Another query:
There is a table which holds records of some sort. I want to make the rows change color from white (default) to some other color only when I hover my mouse on it. Now the problem is, I cant use nth-child property from CSS because IE 8 and below dont support it (Ya I know you want to ask why are you even considering IE, but nvm this thought). So... what can I do?

 

[abhidev]

Are you targeting even and odd rows or just any row in hover?

 

[Piyush]

Are you targeting even and odd rows or just any row in hover?

Only while hovering

 

[abhidev]

Its as simple as
tr:hover{
background: #eee;
}

 

[Piyush]

Its as simple as
tr:hover{
background: #eee;
}

Will it work with IE8 too? And possibly IE 7 too?
I cant try it on my side coz we have IE 9 but some people may be using IE7 still

 

[abhidev]

You probably have to use some work around for IE

 

[Piyush]

It worked

 

[abhidev]

For IE7 IE8?

 

[Piyush]

Tried for IE8 for now. We wont let people use IE7

 

[abhidev]

Hehe

 

[Piyush]

Ok another one
I am creating a drop down with some choices.. for eg. consider them as A, B, C and Other
And in front of drop down, there will be a text box, empty by default.
And what I need is when I select either of A/B/C, the same value should be copied into the text box BUT when I select Other, the text box should be empty so that user can enter data on his own.

I can do 1 task at one time but I'm not able to integrate both requirements. That is, Either I can copy the value OR I can make the box editable for all choices.

 

[abhidev]

Can you add your code on jsfiddle.com?

 

[Piyush]

Can you add your code on jsfiddle.com?

Reached home just now... will resume the work on monday now