In Progress

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>

Skills: WordPress

See more: width first search, widget ready wordpress, solid works work, padding background, img wordpress, div search, css height jquery, coding window, background padding, add padding image, h4 work, yellow page script, word script, word input, widget, view pro, val , trim, top word, form word, float, decoration, cursor, camping, blur

About the Employer:
( 15 reviews ) Nampa, United States

Project ID: #1265586