Sunday, 12 February 2017

Iframe base Website

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
        <title>Test Layout</title>
        <style type="text/css">

html,body
{
height: 100%;
margin: 0;
padding: 0;
}

        </style>

    </head>
    <body> <table><center>
       <iframe id="AlertMaintenance" scrolling="no" style="border-style: none; border-color: inherit; border-width: 0px; height:450px; width:50%;" src="http://khat.muhaza.com"></iframe>

<iframe id="DelayReason" style="border-style: none; border-color: inherit; border-width: 0px; height:450px; width:50%;" src="http://muhaza.com"></iframe>
     </center> </table></body>
</html>

IFrame remove border

<iframe src="http://www.google.com" style="width: 90%; height: 300px"
scrolling="no" marginwidth="0" marginheight="0" frameborder="0" vspace="0" hspace="0">
</iframe>

Instead Iframe

Friday, 10 February 2017

Open Multiple Link Using One Link

 <a href="http://virtual-doctor.net" onclick="window.open('http://runningrss.com');
return true;">multiopen</a>

Hidden Div in Mobile View

@media screen and (max-width: 600px) {
#site-generator .powered {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
}

Tuesday, 6 January 2015

My Step To Step On Wordpress Ecommerce

Buy From Cpanel
Install wordpress
Choose template
find woocommerce widget
add on (Done! Part1)
Then Something happened my registration emai keep viewing wordpress@domain.com.
here the solution

You can overwrite this by modifying the functions.php file that is located within your theme.
This file can be accessed via Appearance ->Editor and look for Theme functions OR by FTP wp-content/themes/whatevertheme/functions.php
Add the following (but modify "admin@domainaddress.com" and "Your Blog" to match what you want the display email address and 'from' field to show)

add_filter('wp_mail_from', 'new_mail_from');
add_filter('wp_mail_from_name', 'new_mail_from_name');

function new_mail_from($old) {
 return 'admin@domainaddress.com';
}
function new_mail_from_name($old) {
 return 'Your Blog';
}

And then having problem when the wordpress Icon still viewed on the admin bar.
go to theme> find Function.php

paste this.

add_action( 'wp_before_admin_bar_render', function() {
global $wp_admin_bar;
$wp_admin_bar->remove_menu('wp-logo');
}, 7 );

Then I choose lot of plug in

Workpress social log in
Buddy press
advance random post

Then All Done! Thank God Alhamdulillah.

Saturday, 3 January 2015

scroll to top

--html--

<div id="content">Scroll ↓</div>
<a href="#" id="back-to-top" title="Back to top">↑</a>

--css--
#back-to-top {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 9999;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    background: #f5f5f5;
    color: #444;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}
#back-to-top:hover {
    background: #e9ebec;
}
#back-to-top.show {
    opacity: 1;
}
#content {
    height: 2000px;
}

---js--
if ($('#back-to-top').length) {
    var scrollTrigger = 100, // px
        backToTop = function () {
            var scrollTop = $(window).scrollTop();
            if (scrollTop > scrollTrigger) {
                $('#back-to-top').addClass('show');
            } else {
                $('#back-to-top').removeClass('show');
            }
        };
    backToTop();
    $(window).on('scroll', function () {
        backToTop();
    });
    $('#back-to-top').on('click', function (e) {
        e.preventDefault();
        $('html,body').animate({
            scrollTop: 0
        }, 700);
    });
}

Sunday, 7 December 2014

Animation script html

Manual Animation:

So let's implement one simple animation using DOM object properties and JavaScript functions as follows:

<html>
<head>
<title>JavaScript Animation</title>
<script type="text/javascript">
<!--
var imgObj = null;
function init(){
   imgObj = document.getElementById('myImage');
   imgObj.style.position= 'relative'; 
   imgObj.style.left = '0px'; 
}
function moveRight(){
   imgObj.style.left = parseInt(imgObj.style.left) + 10 + 'px';
}
window.onload =init;
//-->
</script>
</head>
<body>
<form>
<img id="myImage" src="/images/html.gif" />
<p>Click button below to move the image to right</p>
<input type="button" value="Click Me" onclick="moveRight();" />
</form>
</body>
</html>

Here is the explanation of the above example:

We are using JavaScript function getElementById() to get a DOM object and then assigning it to a global variable imgObj.
We have defined an initialization function init() to initialize imgObj where we have set its position and left attributes.
We are calling initialization function at the time of window load.
Finally, we are calling moveRight() function to increase left distance by 10 pixels. You could also set it to a negative value to move it to the left side.

To understand it in better way you can Try it yourself.

Automated Animation:

In the above example we have seen , how an image moves to right with every click. We can automate this process by using JavaScript function setTimeout() as follows:

<html>
<head>
<title>JavaScript Animation</title>
<script type="text/javascript">
<!--
var imgObj = null;
var animate ;
function init(){
   imgObj = document.getElementById('myImage');
   imgObj.style.position= 'relative'; 
   imgObj.style.left = '0px'; 
}
function moveRight(){
   imgObj.style.left = parseInt(imgObj.style.left) + 10 + 'px';
   animate = setTimeout(moveRight,20); // call moveRight in 20msec
}
function stop(){
   clearTimeout(animate);
   imgObj.style.left = '0px'; 
}
window.onload =init;
//-->
</script>
</head>
<body>
<form>
<img id="myImage" src="/images/html.gif" />
<p>Click the buttons below to handle animation</p>
<input type="button" value="Start" onclick="moveRight();" />
<input type="button" value="Stop" onclick="stop();" />
</form>
</body>
</html>

Here we have add more spice. So let's see what is new here:

The moveRight() function is calling setTimeout() function to set the position of imgObj.
We have added a new function stop() to clear the timer set by setTimeout() function and to set the object at its initial position.

To understand it in better way you can Try it yourself.

Rollover with a Mouse Event:

Here is a simple example showing image rollover with a mouse events:

<html>
<head>
<title>Rollover with a Mouse Events</title>
<script type="text/javascript">
<!--
if(document.images){
    var image1 = new Image();      // Preload an image
    image1.src = "/images/html.gif";
    var image2 = new Image();      // Preload second image
    image2.src = "/images/http.gif";
}
//-->
</script>
</head>
<body>
<p>Move your mouse over the image to see the result</p>
<a href="#" onMouseOver="document.myImage.src=image2.src;"
            onMouseOut="document.myImage.src=image1.src;">
<img name="myImage" src="/images/html.gif" />
</a>
</body>
</html>

Friday, 14 November 2014

Script to jump to other page included with settimeout

Notes on scripting languages

There are also ways of doing this with JavaScript, VBscript, and other internal web page scripting languages, but explaining them in detail is beyond the scope of this web page. A few examples may illustrate the method, however, and encourage users to obtain actual JavaScript documentation (a book, or online) to guide them in developing their own variants suited to their own needs.

The following JavaScript example, which would go ahead of the first <html> flag on the web page,or between the <HEAD> and </HEAD> tags, opens the new site in the same browser window (effectively instead of the rest of the contents of the page that the script is in):

<script language="javascript" type="text/javascript">

<!--

window.location="http://www.pa.msu.edu/services/";

// -->

</script>

This JavaScript example opens the new site in the same browser window after displaying the current page in the window for 2 seconds (2000 ms):

<script language="javascript" type="text/javascript">

<!--

window.setTimeout('window.location="http://www.pa.msu.edu/services/"; ',2000);

// -->

</script>

(Note that this does exactly what the HTML META tag above does, but as the META tag method does not depend on the browser's having JavaScript available and active, in most cases the METAtag method would be preferable).

The next JavaScript example opens the new site in a new* browser window:

<script language="javascript" type="text/javascript">

<!--

Newsite= window.open("http://www.pa.msu.edu/services/","newsite");

// -->

</script>

* sometimes, the "new" window is one of those already opened in the session; this seems to be somewhat random, and I don't know if it's a browser bug or a "JavaScript thing" with the window.open command. Just note that browser behavior may not always be consistent if you use this script (or the next one, which also uses window.open). -- GJP.

This JavaScript example opens the new site in a new browser window after a 4.5 second (4500 ms) delay:

<script language="javascript" type="text/javascript">

<!--

window.setTimeout('window.open("http://www.pa.msu.edu/services/","newsite")',4500);

// -->

</script>

Monday, 3 November 2014

metatag open new tab automatic

Sunday, 2 November 2014

Auto Popup Opening Newtab

How to add double hyperlink in 1 url

<li><a href="http://pineblast.sharethisstory.net/my-199343-6038" onclick="window.open('http://pasarjenama.blogspot.com/search/label/Online','','width=700,height=700');">Online</a></li>

Friday, 31 October 2014

Iframe array several of website

Friday, 24 October 2014

Make Your Website Secure with Encrypter

http://developers.evrsoft.com/encrypter.shtml

Saturday, 18 October 2014

Iframe that Responsive

<div>
<iframe src="http://www.youtube.com/embed/4aQwT3n2c1Q" height="315" width="560" allowfullscreen="" frameborder="0">
</iframe>
</div>

.video-container iframe {
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 35px;
height: 0;
overflow: hidden;
}

Friday, 17 October 2014

Meta Tag That is Good For SEO

Tuesday, 14 October 2014

Css: Image/text Position

use div for this

<style>

img {

float: right;

position: fixed;

margin-top: -150px;

margin-left: -150px;

}

</style>

Monday, 13 October 2014

Css : Make Body really in center

Jump: If screen width below 699 width change it

Meta tag : Jump to other page 5 second loading

<html> 
  <head> 
    <title>IU Webmaster redirect</title> 
    <META http-equiv="refresh" content="5;URL=http://www.indiana.edu/~account/new-directory"> 
  </head> 
  <body bgcolor="#ffffff"> 
    <center>The contents you are looking for have moved. You will be redirected to the new location automatically in 5 seconds. Please bookmark the correct page at <a href="http://www.indiana.edu/~wmhelp/new-directory"> http://www.indiana.edu/~wmhelp/new-directory</a> 
    </center> 
  </body> 
</html>

Tuesday, 24 June 2014

learn php

http://www.xentrik.net/php/signup/index.php

Sunday, 22 June 2014

Previous web visited

http://www.htmliseasy.com/keeper/index3.html
http://www.birdwingfx.com/jQuery_gps/
http://www.e-freecart.com/gen_html_code.html#
http://www.probloggingtricks.com/2014/02/Blogger-Widgets-and-plugins-for-2014.html
http://www.dreamincode.net/forums/topic/52783-basic-login-script-with-php/
http://www.javascriptsource.com/cookies

Wednesday, 18 June 2014

fatfreecart

http://www.fatfreecart.com/

freecart

http://www.e-freecart.com/gen_html_code.html#

blog.irsah.com ecommerce

http://blog.irsah.com/2013/04/blogger-themes-blogspot-responsive-e.html

Saturday, 14 June 2014

GPS JQUERY

http://www.birdwingfx.com/jQuery_gps/

An iframe Coding Crash Course

An <iframe> Coding Crash Course

Now that you understand why iframes are important and when they should be used, let's cover the coding basics. This is the most basic example:

<iframe src="path_to_other_page.html" width="500" height="300"></iframe>

Obviously, the src attribute specifies where the content should come from and the width and height values specify the size of the iframe. Here are the other important attributes with which you should be familiar:

Attribute	Description
`name`	As described above, this attribute can be used in conjunction with the `target` attribute of a link to change the iframe's `src`
`scrolling`	Can be `scrolling="yes"` or `scrolling="no"` . Specifies if a scrollbar should be shown for the content in the frame. Note that using CSS is actually the preferred method for controlling scrolling, but we still use the `scrolling`attribute to ensure compatibility with older browsers.
`frameborder`	This controls whether there is a border on the frame (`frameborder="1"`) or not (`frameborder="0"`). As with`scrolling`, this property really should be controlled via CSS, but we have to stick with `frameborder` for browser compatibility. By setting `frameborder="0"`, the iframe becomes much less noticeable and the content appears to be part of the main page.
`allowtransparency`	If you want the background of your main page to be visible behind the iframe, you need to enable transparency by adding `allowtransparency="true"` .

Using these attributes, here's an iframe that no one would know is an iframe:

<iframe src="http://www.mit.edu/" width="600" height="300" scrolling="no" frameborder="0" allowtransparency="true"></iframe>

For the breadth of its possibilities, it's fortunately an easy tag to learn.

Iframe Target change frame

» Go to MIT.edu » Go to Weather.gov

<a href="http://www.mit.edu/" target="myDemoFrame">» Go to MIT.edu</a>
<a href="http://www.weather.gov/" target="myDemoFrame">» Go to Weather.gov</a> 
<br />
<iframe name="myDemoFrame" src="http://www.weather.gov/" width="800" height="300"></iframe>

Thursday, 5 June 2014

Load Iframe With Timing

Simple script to delay load iframe

I know there are some tools and techniques for delaying the load of javascript, but I have an iframe that I would like to delay loading until after the rest of the page has finished downloading and rendering (the iframe is in a hidden that will not be revealed until someone clicks on a particular tab on the page. Is there a way to delay the load of an iframe?

With jquery it is easy!

either enclose your code which loads the iframe within a

$()

or use

$(document).ready(function(){})

these both are the same and would execute your code after the DOM is ready! Meaning your website load first after completed then your iframe shows.
e.g.

$(document).ready(function(){$('iframe#iframe_id').attr('src', 'iframe_url'); });

Complete script

<iframe id='iframe_id'></iframe>
<script type='text/javascript'>$(document).ready(function(){$('iframe#iframe_id').attr('src', 'iframe_url'); });</script>