Sedang Disiapkan

Word Press Widget

Build "Modify" the widget on [url removed, login to view] Yellow Page Search. This widget works great on this site but will not work on other themes. I need it so I can add it to other themes as a true Word Press Widget . See coding on View source of the page.

As you can see it was built for one theme only.

<div id="left-sidebar">

<ul>

<!-- widget_text --><li id="text-4" class="sidebar-left widget widget_text"><h4 class="widgettitle">Yellow Page Search</h4> <div class="textwidget"><style type="text/css">

.dexbox{

width:100%;

padding:2px;

height:20px;

outline:none;

}

.focusField{

border:solid 2px #73A6FF;

background:#EFF5FF;

color:#000;

}

.idleField{

background:#EEE;

color: #6F6F6F;

border: solid 2px #DFDFDF;

}

.button {

float:right;

margin-top : 5px;

margin-bottom: 25px;

padding: 4px 10px 3px 25px;

border: solid 1px #8AB134;

position: relative;

cursor: pointer;

display: inline-block;

background-image: url( '/wp-content/themes/hmt-pro-skin-emerald-isle-401/images/[url removed, login to view]' );

background-repeat: repeat-x;

font-size: 11px;

height: 16px;

text-decoration: none;

color: #40740D;

-moz-border-radius-bottomleft: 5px;

-moz-border-radius-bottomright: 5px;

-moz-border-radius-topleft: 5px;

-moz-border-radius-topright: 5px;

}

.button img {

position: absolute;

top: -4px;

left: -12px;

border: none;

}

.button:hover {

color: #8AB134;

}

</style>

<script>

jQuery(function(){

jQuery("#searchDex").click(function(){

var dexWhat = encodeURI(jQuery("#dexwhat").val());

var dexWhere = encodeURI(jQuery("#dexwhere").val());

var url = "[url removed, login to view]" + dexWhat + "%26where=" + dexWhere + "&mkt=CD1177";

// alert(url);

[url removed, login to view](url, 'Dex');

return false;

});

jQuery('input[type="text"]').addClass("idleField");

jQuery('input[type="text"]').focus(function() {

jQuery(this).removeClass("idleField").addClass("focusField");

if ([url removed, login to view] == [url removed, login to view]){

[url removed, login to view] = '';

}

if([url removed, login to view] != [url removed, login to view]){

[url removed, login to view]();

}

});

jQuery('input[type="text"]').blur(function() {

jQuery(this).removeClass("focusField").addClass("idleField");

if ([url removed, login to view]([url removed, login to view]) == ''){

[url removed, login to view] = ([url removed, login to view] ? [url removed, login to view] : '');

}

});

// begin button

jQuery(".button").hover(function(){

jQuery(".button img")

.animate({top:"-10px"}, 200).animate({top:"-4px"}, 200) // first jump

.animate({top:"-7px"}, 100).animate({top:"-4px"}, 100) // second jump

.animate({top:"-6px"}, 100).animate({top:"-4px"}, 100); // the last jump

});

// end button

}); // end [url removed, login to view]

</script>

<form>

<input type="text" id="dexwhat" class="dexbox" value="What are you looking for?">

<input type="text" id="dexwhere" class="dexbox" value="Where are you looking?">

<a class="button" id="searchDex" href="#">

<img src="/wp-content/themes/hmt-pro-skin-emerald-isle-401/images/[url removed, login to view]" alt="" />Search for Listings</a>

</form></div>

Kemahiran: Wordpress

Tentang Klien:
( 15 ulasan ) Nampa, United States

ID Projek: #1265586