Category Archives: HTML

How to find your Google Plus ID

This is so simple

1. Go to your Google + account (https://plus.google.com/).

2. Click on the Profile icon on the Left.

3. If you look at the URL in the address bar, it should look something like this:

https://plus.google.com/104653270154306099169/posts

4. The long numerical string in the URL is your Google+ ID. Here is CoderzHeaven’s from the URL above:

104653270154306099169/

Google + CoderzHeaven

jQuery Hide & Show Toggle – An Example

Hi,

Want to try out a simple hide and show toggle using jQuery? The example given below shows how you can simply hide and show a paragraph in html using jQuery. Try it out!

<html>
<head>

<script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript">

$(document).ready(function(){

  $("#hideMe").click(function(){
    $("p").hide();
  });

  $("#showMe").click(function(){
    $("p").show();
  });

});

</script>

</head>

<body>
<p>Coderz Heaven! Click 'HideMe' for hiding! Click 'ShowMe' for showing</p>
<button id="hideMe">HideMe</button>
<button id="showMe">ShowMe</button>
</body>
</html>

:)

How to add more than One HTML Document in a single Browser ?

Hi…

There may arise certain situations where you need to include more than one HTML document in the same browser.

But how?

It’s simple. It’s by using FRAMES of HTML.
FRAMES can be included inside FRAMESET.

Let’s see an example.

<frameset cols="200,400">
   <frame src="http://www.coderzheaven.com" />
   <frame src="http://www.google.com" />
</frameset>

This will create two column frames in the browser with www.coderzheaven in one frame with 200 pixels, and www.google.com in another frame with 400 pixel.

You can also give cols percentage as well. Like cols=”25%,75%”.
:)