0

Hello,

I have been trying to move this box, but so far all common ways of moving the javascript box (whitespaces, CSS) have not worked. I have tried searching the web, amongst other things, and so far nothing has worked. Here is the code:

<html>
<head>

<title></title>
<style type="text/css">
#AgodaSearchBox{
 margin-right: 500px;
margin-down:100;
}
</style>
</head>
<body>
<div id="SearchBox">&nbsp;</div>
<script
src="http://ajaxsearch.partners.agoda.com/partners/SearchBox/Scripts/Agoda.SearchBoxV2.1.js" type="text/javascript"></script><script type="text/javascript">
var AgodaSearch = new AgodaSearchBox({
cid: 000000,
filterCityName: 'Alpena,Mi',
fixedCityName: true,
fixedCityNameVisible:true,
hotelID: '',
checkInDateBefore:3,
night:2,
language:1,
currencyCode: 'USD',
newWindow: false,
header: '',
footer: '',
style: '',
Element: 'SearchBox'
});
</script>
<!
--
Default,CmsLanding,Style1, Style2,Style3,
style4,
Style6
--
>
</body>
</html>

As for documentation, the affiliate program provided this: https://partners.agoda.com/template/images/manual%20for%20affiliate%20searchbox_v2.1.pdf

I have tried CSS as an ID tag and selector, but no such luck. Sorry if there is something on Daniweb, but I found nothing relevent. In relality, it is probably a simple problem, but nothing seems apparent. Thanks

2
Contributors
1
Reply
9
Views
2 Years
Discussion Span
Last Post by mattster
0

I have been trying to move this box

How do you mean move it? Simply you can do something like this:

<div id="move"></div>

#move {
    width: 100px;
    height: 100px;
    background: #000;
    position: absolute;
    top:0;
    left:0;
}
#move:hover {
    top:10px;
    left:10px;
}

There are so many ways of doing this, totally reliant on why you want to move it.

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.