$('#btn').click(function() {
var rnd='digg-widget-'+Math.floor(Math.random()*10000).toString();
var ctrl = document.getElementById('digg');
ctrl.innerHTML ='<div id="'+rnd.toString() + '"></div>';
var q = document.getElementById('txt').value.toString();
var diggWidget = {
id: rnd.toString(),
layout: 1,
colors: {
hdrBg: "#1b5790",
hdrTxt: "#b3daff",
tabBg: "#4684be",
tabTxt: "#b3daff",
tabOnTxt: "#d41717",
bdyBg: "#fff",
stryBrdr: "#ddd",
lnk: "#105cb6",
descTxt: "#999999",
subHd: "#999999"
},
title: q,
width: 300,
requests: [],
hide: {}
};
diggWidget.requests.push({
t: q,
p: {
count: "10",
method: "search.stories",
query: q,
sort: "promote_date-desc",
container: ""
}
});
if (window.DiggWidget) {
if (typeof DiggWidget == 'function') {
new DiggWidget(diggWidget);
} else {
DiggWidget.push(diggWidget);
}
} else {
DiggWidget = [diggWidget];
}
});
<input type="text" id="txt"/>
<input type="button" id="btn" value="OK"/>
<div id="digg">
</div>
External resources loaded into this fiddle: