What web tech is this?

Question

How does this work? Any ideas on any tutorials on how to do this:

http://www.phpthrowdown.com/

then click on search


Cheers

Answer 1

Assuming you are referring to the way the screen is dulled out back while the search box appears.

I would refer to the tech as Dynamic HTML, or DOM Scripting. Fundamentally it is the manipulation of HTML and CSS through JavaScript. [ NOT Java * ]

If you understand HTML, CSS & Javascript, you will be able to design your own way of achieving this affect. Otherwise, just lift the source code directly from that website. It is referring to itself as "lightbox" and is storing various bits of code in external files: such as http://phpthrowdown.com/wp-content/themes/v2-kiwi-10/js/lightbox.js

* Do not confuse Java with JavaScript. there is next to no similarity beyond the name:
http://en.wikipedia.org/wiki/Javascript#Related_languages

Answer 2

Its easy.
In DHTML
You can fade the whole page and show or hide a layer by using simple commands
For Tutorial on DHTML images go here
http://www.w3schools.com/dhtml/dhtml_examples.asp
Use Internet Explorer

1. Make your page with layers
2. Have a layer that has search code in it but by default it is now shown
3. When user click on search you change light of all other layers,
3. An easy way is to create a black layer with transparency 50% and make it invisible by default. Create it behind the search layer.
4. When user clicks on search button you will show the search layer and the one that is black with transparency 50%. This will create the same affect.

There are many other ways as well. Have a look at other samples of light for layers

Answer 3

Just google a search for web site creation tutorials.

Answer 4

ah that's a bit of java - I've seen it on a few sites but haven't been able to find where it's from yet - hopefully someone else will know - look forward to the answer!