Design MeetsTraffic: June 2011

Wednesday, June 22, 2011

How to Include Link Files in Word and HTML Ajax Include and Javascript Tutorials

In MS Word click Insert > Object > From File and tick the Link to File Box.

For HTML you can use:
http://www.dynamicdrive.com/dynamicindex17/ajaxincludes.htm

----------------------------------------------

ajaxinclude.js

/***********************************************
* Ajax Includes script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

//To include a page, invoke ajaxinclude("afile.htm") in the BODY of page
//Included file MUST be from the same domain as the page displaying it.

var rootdomain="http://"+window.location.hostname

function ajaxinclude(url) {
var page_request = false
if (window.XMLHttpRequest) // if Mozilla, Safari etc
page_request = new XMLHttpRequest()
else if (window.ActiveXObject){ // if IE
try {
page_request = new ActiveXObject("Msxml2.XMLHTTP")
}
catch (e){
try{
page_request = new ActiveXObject("Microsoft.XMLHTTP")
}
catch (e){}
}
}
else
return false
page_request.open('GET', url, false) //get page synchronously
page_request.send(null)
writecontent(page_request)
}

function writecontent(page_request){
if (window.location.href.indexOf("http")==-1 || page_request.status==200)
document.write(page_request.responseText)
}

-----------------------------------------------------

In the HTML put in between the script tag:
Link to the above ajaxinclude.js in every page

ajaxinclude("httP://www.domain.com/en/header.html")

-----------------

OPEN IN NEW WINDOW

Just add

href="javascript:popup('testimonies/svetlana.html')"

----------------------------
ONMOUSEOVER LINK
In anchor tag add
style="font-family:arial; color:#093; text-decoration:none;"
onmouseout="this.style.color='#093'" onmouseover="this.style.color='#000'"

ONMOUSEOVER CHANGE THE IMAGE
In anchor tag add
onmouseover="document.imagename.src='1o.jpg'" onmouseout="document.imagename.src='1.jpg'"

---------------------------
DROP DOWN NAVGATION

http://cssmenumaker.com/builder/menu_info.php?menu=057

[