La Búsuqeda - Agregue nuestro Widget Buscador

Agregue nuestro Widget Buscador

Agregue este buscador a su sitio web elijiendo una de las siguientes opciones:

Demo #1 (mouse encima - arriba): Búsqueda OFWSearch

Buscar en +12.000 sitios de PWG:

Cerrar ventana | Powered by OFWSearch

Demo #2 (clic en link - arriba): Búsqueda OFWSearch

Buscar en +12.000 sitios de PWG:

Cerrar ventana | Powered by OFWSearch

Opción 1: Link + Mouse encima = Mostrar buscador arriba

<style type="text/css">
input[value="Buscar"]:hover {
border: 1px solid #888888;
background: #ffffff url(http://i42.tinypic.com/2jbnm1v.jpg) repeat center center;
text-shadow: none;
}
input[value="Buscar"] {
border: 1px solid #999999;
background: #ffffff url(http://i41.tinypic.com/nyryn5.jpg) repeat-x center center;
padding: 3px 8px 2px 8px;
font-weight: bold;
text-shadow: none;
font-size: 15px;
      -webkit-border-top-left-radius:3px;
      -khtml-border-radius-topleft:3px;   
      -moz-border-radius-topleft:3px;
      border-top-left-radius:3px;
      -webkit-border-top-right-radius:3px;
      -khtml-border-radius-topright:3px;   
      -moz-border-radius-topright:3px;
      border-top-right-radius:3px;
      -webkit-border-bottom-left-radius:3px;
      -khtml-border-radius-bottomleft:3px;   
      -moz-border-radius-bottomleft:3px;
      border-bottom-left-radius:3px;
      -webkit-border-bottom-right-radius:3px;
      -khtml-border-radius-bottomright:3px;   
      -moz-border-radius-bottomright:3px;
}
.ofwsearch-box a {
color: #6ca0a8;
text-decoration: none;
text-transform: none;
font: 12px Calibri, Arial, Verdana, Tahoma;
}
.ofwsearch-box a:hover {
color: #008aff;
}
.ofwsearch-box {
      -webkit-border-top-left-radius:5px;
      -khtml-border-radius-topleft:5px;   
      -moz-border-radius-topleft:5px;
      border-top-left-radius:5px;
      -webkit-border-top-right-radius:5px;
      -khtml-border-radius-topright:5px;   
      -moz-border-radius-topright:5px;
      border-top-right-radius:5px;
      -webkit-border-bottom-left-radius:5px;
      -khtml-border-radius-bottomleft:5px;   
      -moz-border-radius-bottomleft:5px;
      border-bottom-left-radius:5px;
      -webkit-border-bottom-right-radius:5px;
      -khtml-border-radius-bottomright:5px;   
      -moz-border-radius-bottomright:5px;
position:absolute; visibility: hidden; border: 5px solid #444444; background-color: white; width: 450px; padding: 5px;
text-align: center;
}
input#busqueda {
width: 360px;
font-family: Calibri, Verdana, Arial; color: #444444;
background: #ffffff !important;
padding: 3px 3px 3px 3px;
text-shadow: none;
font-size: 17px;
font-weight: bold;
}
</style> <script type="text/javascript">
var dropdowncontent={
	disableanchorlink: true, //when user clicks on anchor link, should link itself be disabled (always true if "revealbehavior" above set to "click")
 hidedivmouseout: [true, 200], //Set hiding behavior within Drop Down DIV itself: [hide_div_onmouseover?, miliseconds_before_hiding]
	ajaxloadingmsg: "Loading content. Please wait...", //HTML to show while ajax page is being feched, if applicable
	ajaxbustcache: true, //Bust cache when fetching Ajax pages?
 
	getposOffset:function(what, offsettype){
		return (what.offsetParent)? what[offsettype]+this.getposOffset(what.offsetParent, offsettype) : what[offsettype]
	},
 
	isContained:function(m, e){
		var e=window.event || e
		var c=e.relatedTarget || ((e.type=="mouseover")? e.fromElement : e.toElement)
		while (c && c!=m)try {c=c.parentNode} catch(e){c=m}
		if (c==m)
			return true
		else
			return false
	},
 
	show:function(anchorobj, subobj, e){
		if (!this.isContained(anchorobj, e) || (e && e.type=="click")){
			var e=window.event || e
			if (e.type=="click" && subobj.style.visibility=="visible"){
				subobj.style.visibility="hidden"
				return
			}
			var horizontaloffset=(subobj.dropposition[0]=="left")? -(subobj.offsetWidth-anchorobj.offsetWidth) : 0 //calculate user added horizontal offset
			var verticaloffset=(subobj.dropposition[1]=="top")? -subobj.offsetHeight : anchorobj.offsetHeight //calculate user added vertical offset
			subobj.style.left=this.getposOffset(anchorobj, "offsetLeft") + horizontaloffset + "px"
			subobj.style.top=this.getposOffset(anchorobj, "offsetTop")+verticaloffset+"px"
			subobj.style.clip=(subobj.dropposition[1]=="top")? "rect(auto auto auto 0)" : "rect(0 auto 0 0)" //hide drop down box initially via clipping
			subobj.style.visibility="visible"
			subobj.startTime=new Date().getTime()
			subobj.contentheight=parseInt(subobj.offsetHeight)
			if (typeof window["hidetimer_"+subobj.id]!="undefined") //clear timer that hides drop down box?
				clearTimeout(window["hidetimer_"+subobj.id])
			this.slideengine(subobj, (subobj.dropposition[1]=="top")? "up" : "down")
		}
	},
 
	curveincrement:function(percent){
		return (1-Math.cos(percent*Math.PI)) / 2 //return cos curve based value from a percentage input
	},
 
	slideengine:function(obj, direction){
		var elapsed=new Date().getTime()-obj.startTime //get time animation has run
		if (elapsed<obj.glidetime){ //if time run is less than specified length
			var distancepercent=(direction=="down")? this.curveincrement(elapsed/obj.glidetime) : 1-this.curveincrement(elapsed/obj.glidetime)
			var currentclip=(distancepercent*obj.contentheight)+"px"
			obj.style.clip=(direction=="down")? "rect(0 auto "+currentclip+" 0)" : "rect("+currentclip+" auto auto 0)"
			window["glidetimer_"+obj.id]=setTimeout(function(){dropdowncontent.slideengine(obj, direction)}, 10)
		}
		else{ //if animation finished
			obj.style.clip="rect(0 auto auto 0)"
		}
	},
 
	hide:function(activeobj, subobj, e){
		if (!dropdowncontent.isContained(activeobj, e)){
			window["hidetimer_"+subobj.id]=setTimeout(function(){
				subobj.style.visibility="hidden"
				subobj.style.left=subobj.style.top=0
				clearTimeout(window["glidetimer_"+subobj.id])
			}, dropdowncontent.hidedivmouseout[1])
		}
	},
 
	hidediv:function(subobjid){
		document.getElementById(subobjid).style.visibility="hidden"
	},
 
	ajaxconnect:function(pageurl, divId){
		var page_request = false
		var bustcacheparameter=""
		if (window.XMLHttpRequest) // if Mozilla, IE7, Safari etc
			page_request = new XMLHttpRequest()
		else if (window.ActiveXObject){ // if IE6 or below
			try {
			page_request = new ActiveXObject("Msxml2.XMLHTTP")
			} 
			catch (e){
				try{
				page_request = new ActiveXObject("Microsoft.XMLHTTP")
				}
				catch (e){}
			}
		}
		else
			return false
		document.getElementById(divId).innerHTML=this.ajaxloadingmsg //Display "fetching page message"
		page_request.onreadystatechange=function(){dropdowncontent.loadpage(page_request, divId)}
		if (this.ajaxbustcache) //if bust caching of external page
			bustcacheparameter=(pageurl.indexOf("?")!=-1)? "&"+new Date().getTime() : "?"+new Date().getTime()
		page_request.open('GET', pageurl+bustcacheparameter, true)
		page_request.send(null)
	},
 
	loadpage:function(page_request, divId){
		if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1)){
			document.getElementById(divId).innerHTML=page_request.responseText
		}
	},
 
 init:function(anchorid, pos, glidetime, revealbehavior){
		var anchorobj=document.getElementById(anchorid)
		if (anchorobj)
			var subobj=document.getElementById(anchorobj.getAttribute("rel"))
		if (!anchorobj || !subobj)
			return
		var subobjsource=anchorobj.getAttribute("rev")
		if (subobjsource!=null && subobjsource!="")
			this.ajaxconnect(subobjsource, anchorobj.getAttribute("rel"))
		subobj.dropposition=pos.split("-")
		subobj.glidetime=glidetime || 1000
		subobj.style.left=subobj.style.top=0
		if (typeof revealbehavior=="undefined" || revealbehavior=="mouseover"){
			anchorobj.onmouseover=function(e){dropdowncontent.show(this, subobj, e)}
			anchorobj.onmouseout=function(e){dropdowncontent.hide(subobj, subobj, e)}
			if (this.disableanchorlink) anchorobj.onclick=function(){return false}
		}
		else
			anchorobj.onclick=function(e){dropdowncontent.show(this, subobj, e); return false}
		if (this.hidedivmouseout[0]==true) //hide drop down DIV when mouse rolls out of it?
			subobj.onmouseout=function(e){dropdowncontent.hide(this, subobj, e)}
	}
}
</script>
<p>Demo #1: <a href="http://www.ofwsearch.es.tl/" id="searchlink" rel="subcontent">Búsqueda OFWSearch</a></p>
<div id="subcontent" class="ofwsearch-box">
<p><b>Buscar en +12.000 sitios de PWG:</b></p>
<form id="cse-search-box" action="/Resultados-de-B%FAsqueda.htm">
    <div id="buscador"><input type="hidden" value="partner-pub-9300869270523998:fcpahc-oatv" name="cx" />     <input type="hidden" value="FORID:10" name="cof" />     <input type="hidden" value="ISO-8859-1" name="ie" />     <input type="text" name="q" id="busqueda" />     <input type="submit" value="Buscar" name="sa" /></div>
    <script type="text/javascript" src="http://www.google.cl/cse/brand?form=cse-search-box&lang=en"></script>
</form>
<div align="right"><a href="javascript:dropdowncontent.hidediv('subcontent')">Cerrar ventana</a> | <a href="http://www.ofwsearch.es.tl/">Powered by OFWSearch</a></div>
</div>
<script type="text/javascript">
//Call dropdowncontent.init("anchorID", "positionString", glideduration, "revealBehavior") at the end of the page:
 
dropdowncontent.init("searchlink", "right-top", 500, "mouseover")
 
</script>

Opción 2: Link + Mouse encima = Mostrar buscador abajo

<style type="text/css">
input[value="Buscar"]:hover {
border: 1px solid #888888;
background: #ffffff url(http://i42.tinypic.com/2jbnm1v.jpg) repeat center center;
text-shadow: none;
}
input[value="Buscar"] {
border: 1px solid #999999;
background: #ffffff url(http://i41.tinypic.com/nyryn5.jpg) repeat-x center center;
padding: 3px 8px 2px 8px;
font-weight: bold;
text-shadow: none;
font-size: 15px;
      -webkit-border-top-left-radius:3px;
      -khtml-border-radius-topleft:3px;   
      -moz-border-radius-topleft:3px;
      border-top-left-radius:3px;
      -webkit-border-top-right-radius:3px;
      -khtml-border-radius-topright:3px;   
      -moz-border-radius-topright:3px;
      border-top-right-radius:3px;
      -webkit-border-bottom-left-radius:3px;
      -khtml-border-radius-bottomleft:3px;   
      -moz-border-radius-bottomleft:3px;
      border-bottom-left-radius:3px;
      -webkit-border-bottom-right-radius:3px;
      -khtml-border-radius-bottomright:3px;   
      -moz-border-radius-bottomright:3px;
}
.ofwsearch-box a {
color: #6ca0a8;
text-decoration: none;
text-transform: none;
font: 12px Calibri, Arial, Verdana, Tahoma;
}
.ofwsearch-box a:hover {
color: #008aff;
}
.ofwsearch-box {
      -webkit-border-top-left-radius:5px;
      -khtml-border-radius-topleft:5px;   
      -moz-border-radius-topleft:5px;
      border-top-left-radius:5px;
      -webkit-border-top-right-radius:5px;
      -khtml-border-radius-topright:5px;   
      -moz-border-radius-topright:5px;
      border-top-right-radius:5px;
      -webkit-border-bottom-left-radius:5px;
      -khtml-border-radius-bottomleft:5px;   
      -moz-border-radius-bottomleft:5px;
      border-bottom-left-radius:5px;
      -webkit-border-bottom-right-radius:5px;
      -khtml-border-radius-bottomright:5px;   
      -moz-border-radius-bottomright:5px;
position:absolute; visibility: hidden; border: 5px solid #444444; background-color: white; width: 450px; padding: 5px;
text-align: center;
}
input#busqueda {
width: 360px;
font-family: Calibri, Verdana, Arial; color: #444444;
background: #ffffff !important;
padding: 3px 3px 3px 3px;
text-shadow: none;
font-size: 17px;
font-weight: bold;
}
</style> <script type="text/javascript">
var dropdowncontent={
	disableanchorlink: true, //when user clicks on anchor link, should link itself be disabled (always true if "revealbehavior" above set to "click")
 hidedivmouseout: [true, 200], //Set hiding behavior within Drop Down DIV itself: [hide_div_onmouseover?, miliseconds_before_hiding]
	ajaxloadingmsg: "Loading content. Please wait...", //HTML to show while ajax page is being feched, if applicable
	ajaxbustcache: true, //Bust cache when fetching Ajax pages?
 
	getposOffset:function(what, offsettype){
		return (what.offsetParent)? what[offsettype]+this.getposOffset(what.offsetParent, offsettype) : what[offsettype]
	},
 
	isContained:function(m, e){
		var e=window.event || e
		var c=e.relatedTarget || ((e.type=="mouseover")? e.fromElement : e.toElement)
		while (c && c!=m)try {c=c.parentNode} catch(e){c=m}
		if (c==m)
			return true
		else
			return false
	},
 
	show:function(anchorobj, subobj, e){
		if (!this.isContained(anchorobj, e) || (e && e.type=="click")){
			var e=window.event || e
			if (e.type=="click" && subobj.style.visibility=="visible"){
				subobj.style.visibility="hidden"
				return
			}
			var horizontaloffset=(subobj.dropposition[0]=="left")? -(subobj.offsetWidth-anchorobj.offsetWidth) : 0 //calculate user added horizontal offset
			var verticaloffset=(subobj.dropposition[1]=="top")? -subobj.offsetHeight : anchorobj.offsetHeight //calculate user added vertical offset
			subobj.style.left=this.getposOffset(anchorobj, "offsetLeft") + horizontaloffset + "px"
			subobj.style.top=this.getposOffset(anchorobj, "offsetTop")+verticaloffset+"px"
			subobj.style.clip=(subobj.dropposition[1]=="top")? "rect(auto auto auto 0)" : "rect(0 auto 0 0)" //hide drop down box initially via clipping
			subobj.style.visibility="visible"
			subobj.startTime=new Date().getTime()
			subobj.contentheight=parseInt(subobj.offsetHeight)
			if (typeof window["hidetimer_"+subobj.id]!="undefined") //clear timer that hides drop down box?
				clearTimeout(window["hidetimer_"+subobj.id])
			this.slideengine(subobj, (subobj.dropposition[1]=="top")? "up" : "down")
		}
	},
 
	curveincrement:function(percent){
		return (1-Math.cos(percent*Math.PI)) / 2 //return cos curve based value from a percentage input
	},
 
	slideengine:function(obj, direction){
		var elapsed=new Date().getTime()-obj.startTime //get time animation has run
		if (elapsed<obj.glidetime){ //if time run is less than specified length
			var distancepercent=(direction=="down")? this.curveincrement(elapsed/obj.glidetime) : 1-this.curveincrement(elapsed/obj.glidetime)
			var currentclip=(distancepercent*obj.contentheight)+"px"
			obj.style.clip=(direction=="down")? "rect(0 auto "+currentclip+" 0)" : "rect("+currentclip+" auto auto 0)"
			window["glidetimer_"+obj.id]=setTimeout(function(){dropdowncontent.slideengine(obj, direction)}, 10)
		}
		else{ //if animation finished
			obj.style.clip="rect(0 auto auto 0)"
		}
	},
 
	hide:function(activeobj, subobj, e){
		if (!dropdowncontent.isContained(activeobj, e)){
			window["hidetimer_"+subobj.id]=setTimeout(function(){
				subobj.style.visibility="hidden"
				subobj.style.left=subobj.style.top=0
				clearTimeout(window["glidetimer_"+subobj.id])
			}, dropdowncontent.hidedivmouseout[1])
		}
	},
 
	hidediv:function(subobjid){
		document.getElementById(subobjid).style.visibility="hidden"
	},
 
	ajaxconnect:function(pageurl, divId){
		var page_request = false
		var bustcacheparameter=""
		if (window.XMLHttpRequest) // if Mozilla, IE7, Safari etc
			page_request = new XMLHttpRequest()
		else if (window.ActiveXObject){ // if IE6 or below
			try {
			page_request = new ActiveXObject("Msxml2.XMLHTTP")
			} 
			catch (e){
				try{
				page_request = new ActiveXObject("Microsoft.XMLHTTP")
				}
				catch (e){}
			}
		}
		else
			return false
		document.getElementById(divId).innerHTML=this.ajaxloadingmsg //Display "fetching page message"
		page_request.onreadystatechange=function(){dropdowncontent.loadpage(page_request, divId)}
		if (this.ajaxbustcache) //if bust caching of external page
			bustcacheparameter=(pageurl.indexOf("?")!=-1)? "&"+new Date().getTime() : "?"+new Date().getTime()
		page_request.open('GET', pageurl+bustcacheparameter, true)
		page_request.send(null)
	},
 
	loadpage:function(page_request, divId){
		if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1)){
			document.getElementById(divId).innerHTML=page_request.responseText
		}
	},
 
 init:function(anchorid, pos, glidetime, revealbehavior){
		var anchorobj=document.getElementById(anchorid)
		if (anchorobj)
			var subobj=document.getElementById(anchorobj.getAttribute("rel"))
		if (!anchorobj || !subobj)
			return
		var subobjsource=anchorobj.getAttribute("rev")
		if (subobjsource!=null && subobjsource!="")
			this.ajaxconnect(subobjsource, anchorobj.getAttribute("rel"))
		subobj.dropposition=pos.split("-")
		subobj.glidetime=glidetime || 1000
		subobj.style.left=subobj.style.top=0
		if (typeof revealbehavior=="undefined" || revealbehavior=="mouseover"){
			anchorobj.onmouseover=function(e){dropdowncontent.show(this, subobj, e)}
			anchorobj.onmouseout=function(e){dropdowncontent.hide(subobj, subobj, e)}
			if (this.disableanchorlink) anchorobj.onclick=function(){return false}
		}
		else
			anchorobj.onclick=function(e){dropdowncontent.show(this, subobj, e); return false}
		if (this.hidedivmouseout[0]==true) //hide drop down DIV when mouse rolls out of it?
			subobj.onmouseout=function(e){dropdowncontent.hide(this, subobj, e)}
	}
}
</script>
<p>Demo #1: <a href="http://www.ofwsearch.es.tl/" id="searchlink" rel="subcontent">Búsqueda OFWSearch</a></p>
<div id="subcontent" class="ofwsearch-box">
<p><b>Buscar en +12.000 sitios de PWG:</b></p>
<form id="cse-search-box" action="/Resultados-de-B%FAsqueda.htm">
    <div id="buscador"><input type="hidden" value="partner-pub-9300869270523998:fcpahc-oatv" name="cx" />     <input type="hidden" value="FORID:10" name="cof" />     <input type="hidden" value="ISO-8859-1" name="ie" />     <input type="text" name="q" id="busqueda" />     <input type="submit" value="Buscar" name="sa" /></div>
    <script type="text/javascript" src="http://www.google.cl/cse/brand?form=cse-search-box&lang=en"></script>
</form>
<div align="right"><a href="javascript:dropdowncontent.hidediv('subcontent')">Cerrar ventana</a> | <a href="http://www.ofwsearch.es.tl/">Powered by OFWSearch</a></div>
</div>
<script type="text/javascript">
//Call dropdowncontent.init("anchorID", "positionString", glideduration, "revealBehavior") at the end of the page:
 
dropdowncontent.init("searchlink", "right-bottom", 500, "mouseover")
 
</script>

Opción 3: Link + Clic en link = Mostrar buscador arriba

<style type="text/css">
input[value="Buscar"]:hover {
border: 1px solid #888888;
background: #ffffff url(http://i42.tinypic.com/2jbnm1v.jpg) repeat center center;
text-shadow: none;
}
input[value="Buscar"] {
border: 1px solid #999999;
background: #ffffff url(http://i41.tinypic.com/nyryn5.jpg) repeat-x center center;
padding: 3px 8px 2px 8px;
font-weight: bold;
text-shadow: none;
font-size: 15px;
      -webkit-border-top-left-radius:3px;
      -khtml-border-radius-topleft:3px;   
      -moz-border-radius-topleft:3px;
      border-top-left-radius:3px;
      -webkit-border-top-right-radius:3px;
      -khtml-border-radius-topright:3px;   
      -moz-border-radius-topright:3px;
      border-top-right-radius:3px;
      -webkit-border-bottom-left-radius:3px;
      -khtml-border-radius-bottomleft:3px;   
      -moz-border-radius-bottomleft:3px;
      border-bottom-left-radius:3px;
      -webkit-border-bottom-right-radius:3px;
      -khtml-border-radius-bottomright:3px;   
      -moz-border-radius-bottomright:3px;
}
.ofwsearch-box a {
color: #6ca0a8;
text-decoration: none;
text-transform: none;
font: 12px Calibri, Arial, Verdana, Tahoma;
}
.ofwsearch-box a:hover {
color: #008aff;
}
.ofwsearch-box {
      -webkit-border-top-left-radius:5px;
      -khtml-border-radius-topleft:5px;   
      -moz-border-radius-topleft:5px;
      border-top-left-radius:5px;
      -webkit-border-top-right-radius:5px;
      -khtml-border-radius-topright:5px;   
      -moz-border-radius-topright:5px;
      border-top-right-radius:5px;
      -webkit-border-bottom-left-radius:5px;
      -khtml-border-radius-bottomleft:5px;   
      -moz-border-radius-bottomleft:5px;
      border-bottom-left-radius:5px;
      -webkit-border-bottom-right-radius:5px;
      -khtml-border-radius-bottomright:5px;   
      -moz-border-radius-bottomright:5px;
position:absolute; visibility: hidden; border: 5px solid #444444; background-color: white; width: 450px; padding: 5px;
text-align: center;
}
input#busqueda {
width: 360px;
font-family: Calibri, Verdana, Arial; color: #444444;
background: #ffffff !important;
padding: 3px 3px 3px 3px;
text-shadow: none;
font-size: 17px;
font-weight: bold;
}
</style> <script type="text/javascript">
var dropdowncontent={
	disableanchorlink: true, //when user clicks on anchor link, should link itself be disabled (always true if "revealbehavior" above set to "click")
 hidedivmouseout: [true, 200], //Set hiding behavior within Drop Down DIV itself: [hide_div_onmouseover?, miliseconds_before_hiding]
	ajaxloadingmsg: "Loading content. Please wait...", //HTML to show while ajax page is being feched, if applicable
	ajaxbustcache: true, //Bust cache when fetching Ajax pages?
 
	getposOffset:function(what, offsettype){
		return (what.offsetParent)? what[offsettype]+this.getposOffset(what.offsetParent, offsettype) : what[offsettype]
	},
 
	isContained:function(m, e){
		var e=window.event || e
		var c=e.relatedTarget || ((e.type=="mouseover")? e.fromElement : e.toElement)
		while (c && c!=m)try {c=c.parentNode} catch(e){c=m}
		if (c==m)
			return true
		else
			return false
	},
 
	show:function(anchorobj, subobj, e){
		if (!this.isContained(anchorobj, e) || (e && e.type=="click")){
			var e=window.event || e
			if (e.type=="click" && subobj.style.visibility=="visible"){
				subobj.style.visibility="hidden"
				return
			}
			var horizontaloffset=(subobj.dropposition[0]=="left")? -(subobj.offsetWidth-anchorobj.offsetWidth) : 0 //calculate user added horizontal offset
			var verticaloffset=(subobj.dropposition[1]=="top")? -subobj.offsetHeight : anchorobj.offsetHeight //calculate user added vertical offset
			subobj.style.left=this.getposOffset(anchorobj, "offsetLeft") + horizontaloffset + "px"
			subobj.style.top=this.getposOffset(anchorobj, "offsetTop")+verticaloffset+"px"
			subobj.style.clip=(subobj.dropposition[1]=="top")? "rect(auto auto auto 0)" : "rect(0 auto 0 0)" //hide drop down box initially via clipping
			subobj.style.visibility="visible"
			subobj.startTime=new Date().getTime()
			subobj.contentheight=parseInt(subobj.offsetHeight)
			if (typeof window["hidetimer_"+subobj.id]!="undefined") //clear timer that hides drop down box?
				clearTimeout(window["hidetimer_"+subobj.id])
			this.slideengine(subobj, (subobj.dropposition[1]=="top")? "up" : "down")
		}
	},
 
	curveincrement:function(percent){
		return (1-Math.cos(percent*Math.PI)) / 2 //return cos curve based value from a percentage input
	},
 
	slideengine:function(obj, direction){
		var elapsed=new Date().getTime()-obj.startTime //get time animation has run
		if (elapsed<obj.glidetime){ //if time run is less than specified length
			var distancepercent=(direction=="down")? this.curveincrement(elapsed/obj.glidetime) : 1-this.curveincrement(elapsed/obj.glidetime)
			var currentclip=(distancepercent*obj.contentheight)+"px"
			obj.style.clip=(direction=="down")? "rect(0 auto "+currentclip+" 0)" : "rect("+currentclip+" auto auto 0)"
			window["glidetimer_"+obj.id]=setTimeout(function(){dropdowncontent.slideengine(obj, direction)}, 10)
		}
		else{ //if animation finished
			obj.style.clip="rect(0 auto auto 0)"
		}
	},
 
	hide:function(activeobj, subobj, e){
		if (!dropdowncontent.isContained(activeobj, e)){
			window["hidetimer_"+subobj.id]=setTimeout(function(){
				subobj.style.visibility="hidden"
				subobj.style.left=subobj.style.top=0
				clearTimeout(window["glidetimer_"+subobj.id])
			}, dropdowncontent.hidedivmouseout[1])
		}
	},
 
	hidediv:function(subobjid){
		document.getElementById(subobjid).style.visibility="hidden"
	},
 
	ajaxconnect:function(pageurl, divId){
		var page_request = false
		var bustcacheparameter=""
		if (window.XMLHttpRequest) // if Mozilla, IE7, Safari etc
			page_request = new XMLHttpRequest()
		else if (window.ActiveXObject){ // if IE6 or below
			try {
			page_request = new ActiveXObject("Msxml2.XMLHTTP")
			} 
			catch (e){
				try{
				page_request = new ActiveXObject("Microsoft.XMLHTTP")
				}
				catch (e){}
			}
		}
		else
			return false
		document.getElementById(divId).innerHTML=this.ajaxloadingmsg //Display "fetching page message"
		page_request.onreadystatechange=function(){dropdowncontent.loadpage(page_request, divId)}
		if (this.ajaxbustcache) //if bust caching of external page
			bustcacheparameter=(pageurl.indexOf("?")!=-1)? "&"+new Date().getTime() : "?"+new Date().getTime()
		page_request.open('GET', pageurl+bustcacheparameter, true)
		page_request.send(null)
	},
 
	loadpage:function(page_request, divId){
		if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1)){
			document.getElementById(divId).innerHTML=page_request.responseText
		}
	},
 
 init:function(anchorid, pos, glidetime, revealbehavior){
		var anchorobj=document.getElementById(anchorid)
		if (anchorobj)
			var subobj=document.getElementById(anchorobj.getAttribute("rel"))
		if (!anchorobj || !subobj)
			return
		var subobjsource=anchorobj.getAttribute("rev")
		if (subobjsource!=null && subobjsource!="")
			this.ajaxconnect(subobjsource, anchorobj.getAttribute("rel"))
		subobj.dropposition=pos.split("-")
		subobj.glidetime=glidetime || 1000
		subobj.style.left=subobj.style.top=0
		if (typeof revealbehavior=="undefined" || revealbehavior=="mouseover"){
			anchorobj.onmouseover=function(e){dropdowncontent.show(this, subobj, e)}
			anchorobj.onmouseout=function(e){dropdowncontent.hide(subobj, subobj, e)}
			if (this.disableanchorlink) anchorobj.onclick=function(){return false}
		}
		else
			anchorobj.onclick=function(e){dropdowncontent.show(this, subobj, e); return false}
		if (this.hidedivmouseout[0]==true) //hide drop down DIV when mouse rolls out of it?
			subobj.onmouseout=function(e){dropdowncontent.hide(this, subobj, e)}
	}
}
</script>

<p>Demo #2 (clic): <a href="http://www.ofwsearch.es.tl/" id="contentlink" rel="subcontent2">Búsqueda OFWSearch</a></p>
<div id="subcontent2" class="ofwsearch-box">
<p><b>Buscar en +12.000 sitios de PWG:</b></p>
<form id="cse-search-box" action="/Resultados-de-B%FAsqueda.htm">
    <div id="buscador"><input type="hidden" value="partner-pub-9300869270523998:fcpahc-oatv" name="cx" />     <input type="hidden" value="FORID:10" name="cof" />     <input type="hidden" value="ISO-8859-1" name="ie" />     <input type="text" name="q" id="busqueda" />     <input type="submit" value="Buscar" name="sa" /></div>
    <script type="text/javascript" src="http://www.google.cl/cse/brand?form=cse-search-box&lang=en"></script>
</form>
<div align="right"><a href="javascript:dropdowncontent.hidediv('subcontent2')">Cerrar ventana</a> | <a href="http://www.ofwsearch.es.tl/">Powered by OFWSearch</a></div>
</div>
<script type="text/javascript">
//Call dropdowncontent.init("anchorID", "positionString", glideduration, "revealBehavior") at the end of the page:
 
dropdowncontent.init("contentlink", "right-top", 300, "click")
 
</script>

Opción 4: Link + Clic en Link = Mostrar buscador abajo

<style type="text/css"> 
input[value="Buscar"]:hover {
border: 1px solid #888888;
background: #ffffff url(http://i42.tinypic.com/2jbnm1v.jpg) repeat center center;
text-shadow: none;
}
input[value="Buscar"] {
border: 1px solid #999999;
background: #ffffff url(http://i41.tinypic.com/nyryn5.jpg) repeat-x center center;
padding: 3px 8px 2px 8px;
font-weight: bold;
text-shadow: none;
font-size: 15px;
      -webkit-border-top-left-radius:3px;
      -khtml-border-radius-topleft:3px;   
      -moz-border-radius-topleft:3px;
      border-top-left-radius:3px;
      -webkit-border-top-right-radius:3px;
      -khtml-border-radius-topright:3px;   
      -moz-border-radius-topright:3px;
      border-top-right-radius:3px;
      -webkit-border-bottom-left-radius:3px;
      -khtml-border-radius-bottomleft:3px;   
      -moz-border-radius-bottomleft:3px;
      border-bottom-left-radius:3px;
      -webkit-border-bottom-right-radius:3px;
      -khtml-border-radius-bottomright:3px;   
      -moz-border-radius-bottomright:3px;
}
.ofwsearch-box a {
color: #6ca0a8;
text-decoration: none;
text-transform: none;
font: 12px Calibri, Arial, Verdana, Tahoma;
}
.ofwsearch-box a:hover {
color: #008aff;
}
.ofwsearch-box {
      -webkit-border-top-left-radius:5px;
      -khtml-border-radius-topleft:5px;   
      -moz-border-radius-topleft:5px;
      border-top-left-radius:5px;
      -webkit-border-top-right-radius:5px;
      -khtml-border-radius-topright:5px;   
      -moz-border-radius-topright:5px;
      border-top-right-radius:5px;
      -webkit-border-bottom-left-radius:5px;
      -khtml-border-radius-bottomleft:5px;   
      -moz-border-radius-bottomleft:5px;
      border-bottom-left-radius:5px;
      -webkit-border-bottom-right-radius:5px;
      -khtml-border-radius-bottomright:5px;   
      -moz-border-radius-bottomright:5px;
position:absolute; visibility: hidden; border: 5px solid #444444; background-color: white; width: 450px; padding: 5px;
text-align: center;
}
input#busqueda {
width: 360px;
font-family: Calibri, Verdana, Arial; color: #444444;
background: #ffffff !important;
padding: 3px 3px 3px 3px;
text-shadow: none;
font-size: 17px;
font-weight: bold;
}
</style> <script type="text/javascript"> 
var dropdowncontent={
	disableanchorlink: true, //when user clicks on anchor link, should link itself be disabled (always true if "revealbehavior" above set to "click")
 hidedivmouseout: [true, 200], //Set hiding behavior within Drop Down DIV itself: [hide_div_onmouseover?, miliseconds_before_hiding]
	ajaxloadingmsg: "Loading content. Please wait...", //HTML to show while ajax page is being feched, if applicable
	ajaxbustcache: true, //Bust cache when fetching Ajax pages?
 
	getposOffset:function(what, offsettype){
		return (what.offsetParent)? what[offsettype]+this.getposOffset(what.offsetParent, offsettype) : what[offsettype]
	},
 
	isContained:function(m, e){
		var e=window.event || e
		var c=e.relatedTarget || ((e.type=="mouseover")? e.fromElement : e.toElement)
		while (c && c!=m)try {c=c.parentNode} catch(e){c=m}
		if (c==m)
			return true
		else
			return false
	},
 
	show:function(anchorobj, subobj, e){
		if (!this.isContained(anchorobj, e) || (e && e.type=="click")){
			var e=window.event || e
			if (e.type=="click" && subobj.style.visibility=="visible"){
				subobj.style.visibility="hidden"
				return
			}
			var horizontaloffset=(subobj.dropposition[0]=="left")? -(subobj.offsetWidth-anchorobj.offsetWidth) : 0 //calculate user added horizontal offset
			var verticaloffset=(subobj.dropposition[1]=="top")? -subobj.offsetHeight : anchorobj.offsetHeight //calculate user added vertical offset
			subobj.style.left=this.getposOffset(anchorobj, "offsetLeft") + horizontaloffset + "px"
			subobj.style.top=this.getposOffset(anchorobj, "offsetTop")+verticaloffset+"px"
			subobj.style.clip=(subobj.dropposition[1]=="top")? "rect(auto auto auto 0)" : "rect(0 auto 0 0)" //hide drop down box initially via clipping
			subobj.style.visibility="visible"
			subobj.startTime=new Date().getTime()
			subobj.contentheight=parseInt(subobj.offsetHeight)
			if (typeof window["hidetimer_"+subobj.id]!="undefined") //clear timer that hides drop down box?
				clearTimeout(window["hidetimer_"+subobj.id])
			this.slideengine(subobj, (subobj.dropposition[1]=="top")? "up" : "down")
		}
	},
 
	curveincrement:function(percent){
		return (1-Math.cos(percent*Math.PI)) / 2 //return cos curve based value from a percentage input
	},
 
	slideengine:function(obj, direction){
		var elapsed=new Date().getTime()-obj.startTime //get time animation has run
		if (elapsed<obj.glidetime){ //if time run is less than specified length
			var distancepercent=(direction=="down")? this.curveincrement(elapsed/obj.glidetime) : 1-this.curveincrement(elapsed/obj.glidetime)
			var currentclip=(distancepercent*obj.contentheight)+"px"
			obj.style.clip=(direction=="down")? "rect(0 auto "+currentclip+" 0)" : "rect("+currentclip+" auto auto 0)"
			window["glidetimer_"+obj.id]=setTimeout(function(){dropdowncontent.slideengine(obj, direction)}, 10)
		}
		else{ //if animation finished
			obj.style.clip="rect(0 auto auto 0)"
		}
	},
 
	hide:function(activeobj, subobj, e){
		if (!dropdowncontent.isContained(activeobj, e)){
			window["hidetimer_"+subobj.id]=setTimeout(function(){
				subobj.style.visibility="hidden"
				subobj.style.left=subobj.style.top=0
				clearTimeout(window["glidetimer_"+subobj.id])
			}, dropdowncontent.hidedivmouseout[1])
		}
	},
 
	hidediv:function(subobjid){
		document.getElementById(subobjid).style.visibility="hidden"
	},
 
	ajaxconnect:function(pageurl, divId){
		var page_request = false
		var bustcacheparameter=""
		if (window.XMLHttpRequest) // if Mozilla, IE7, Safari etc
			page_request = new XMLHttpRequest()
		else if (window.ActiveXObject){ // if IE6 or below
			try {
			page_request = new ActiveXObject("Msxml2.XMLHTTP")
			} 
			catch (e){
				try{
				page_request = new ActiveXObject("Microsoft.XMLHTTP")
				}
				catch (e){}
			}
		}
		else
			return false
		document.getElementById(divId).innerHTML=this.ajaxloadingmsg //Display "fetching page message"
		page_request.onreadystatechange=function(){dropdowncontent.loadpage(page_request, divId)}
		if (this.ajaxbustcache) //if bust caching of external page
			bustcacheparameter=(pageurl.indexOf("?")!=-1)? "&"+new Date().getTime() : "?"+new Date().getTime()
		page_request.open('GET', pageurl+bustcacheparameter, true)
		page_request.send(null)
	},
 
	loadpage:function(page_request, divId){
		if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1)){
			document.getElementById(divId).innerHTML=page_request.responseText
		}
	},
 
 init:function(anchorid, pos, glidetime, revealbehavior){
		var anchorobj=document.getElementById(anchorid)
		if (anchorobj)
			var subobj=document.getElementById(anchorobj.getAttribute("rel"))
		if (!anchorobj || !subobj)
			return
		var subobjsource=anchorobj.getAttribute("rev")
		if (subobjsource!=null && subobjsource!="")
			this.ajaxconnect(subobjsource, anchorobj.getAttribute("rel"))
		subobj.dropposition=pos.split("-")
		subobj.glidetime=glidetime || 1000
		subobj.style.left=subobj.style.top=0
		if (typeof revealbehavior=="undefined" || revealbehavior=="mouseover"){
			anchorobj.onmouseover=function(e){dropdowncontent.show(this, subobj, e)}
			anchorobj.onmouseout=function(e){dropdowncontent.hide(subobj, subobj, e)}
			if (this.disableanchorlink) anchorobj.onclick=function(){return false}
		}
		else
			anchorobj.onclick=function(e){dropdowncontent.show(this, subobj, e); return false}
		if (this.hidedivmouseout[0]==true) //hide drop down DIV when mouse rolls out of it?
			subobj.onmouseout=function(e){dropdowncontent.hide(this, subobj, e)}
	}
}
</script> 
 
<p>Demo #2 (clic): <a href="http://www.ofwsearch.es.tl/" id="contentlink" rel="subcontent2">Búsqueda OFWSearch</a></p> 
<div id="subcontent2" class="ofwsearch-box"> 
<p><b>Buscar en +12.000 sitios de PWG:</b></p> 
<form id="cse-search-box" action="/Resultados-de-B%FAsqueda.htm"> 
    <div id="buscador"><input type="hidden" value="partner-pub-9300869270523998:fcpahc-oatv" name="cx" />     <input type="hidden" value="FORID:10" name="cof" />     <input type="hidden" value="ISO-8859-1" name="ie" />     <input type="text" name="q" id="busqueda" />     <input type="submit" value="Buscar" name="sa" /></div> 
    <script type="text/javascript" src="http://www.google.cl/cse/brand?form=cse-search-box&lang=en"></script> 
</form> 
<div align="right"><a href="javascript:dropdowncontent.hidediv('subcontent2')">Cerrar ventana</a> | <a href="http://www.ofwsearch.es.tl/">Powered by OFWSearch</a></div> 
</div> 
<script type="text/javascript"> 
//Call dropdowncontent.init("anchorID", "positionString", glideduration, "revealBehavior") at the end of the page:
 
dropdowncontent.init("contentlink", "right-bottom", 300, "click")
 
</script>

*El código que usted copia contiene estilos CSS necesarios, códigos JavaScript necesarios y el código del buscador en HTML.

*Removiendo derechos de autor del Box flotante nos dá derecho a demandar su sitio web.

Hoy habia 7 visitantes (16 clics a subpáginas) ¡Aqui en esta página!

¡Confíe en el original! Vea qué sitios copian nuestro buscador y por qué no visitarlos.

¿Desea tener este buscador en su web? Haga clic aquí para obtener el Widget Buscador

Busque entre 12.000+ sitios web de Paginawebgratis.es.

© 2010+ OFW Search

Buscador libre bajo licencia GNU/GPL

Otro proyecto de TWB

Reportar bug

Términos de uso

Acerca de

¡Available in English too!

Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?

Registrarse gratis