To disable all links using jQuery you cna use the snippet below.
|
1 2 3 |
<script type="text/javascript"> $("a").click(function() { return false; }); </script> |
If you have any questions or suggestions feel free to rate this snippet, post a comment or Contact Us via Email.
Related links:
To select an element with its name attribute in jQuery you can use the snippet below.
|
1 |
$('div[name="de.Fesslersoft.Testname"]').css({"border-color": "#000000", "border-width":"15px", "border-style":"solid"}); |
if you remove the div in div[name=”de.Fesslersoft.Testname”] you will get all elements with the specific name.
You can also have a look at this JSFiddle.
If you have any questions or suggestions feel free to rate this snippet, post a comment or Contact Us via Email.
Related links:
These are our Top 10 reads of July 2015.
thanks to all visitors, bookmark us, share us, talk about us, Follow us!, Like us! let’s grow bigger! You can even participate in our Github Projects!
To convert a Color to Hex and vice versa using C# and VB.NET you can use the snippets below.
private static String ColorToHex(Color inputColor)
{
return ColorTranslator.ToHtml(inputColor);
}
private static Color HexToColor(string hexInput)
{
return ColorTranslator.FromHtml(hexInput);
}
Private Shared Function ColorToHex(inputColor As Color) As [String] Return ColorTranslator.ToHtml(inputColor) End Function Private Shared Function HexToColor(hexInput As String) As Color Return ColorTranslator.FromHtml(hexInput) End Function
To add or remove a class on hover using jQuery you can use the snippet below.
See this JSFiddle for adding a CSS-Class.
$('#test1').hover(function(){ $(this).addClass('hoverClass');});
See this JSFiddle for removing a CSS-Class.
$('#test1').hover(function(){ $(this).removeClass('hoverClass');});
To get the class of an element using jQuery you can use the snippet below.
var className = $('.myId').attr('class');
HTML5 introduced the new <datalist> tag, which specifies a list of predefined <input> element options. It is used to provide the autocomplete feature on <input> elements. Users will see a drop-down list of pre-defined options as they input data. This element has no other attributes than the global attributes, common to all elements. The id of the datalist element must match with the list attribute of the input box.Keep in mind that Safari doesn’t support datalist yet. If you are using this element with an unsupported (older) browser version, the most browsers will simply ignores the datalist tag and render rest of the webpage. Internet Explorer 9 and below is a little bit special, it will simply print the option values to the page (a possible workaround can be found at http://viralpatel.net/).
Here you can see a Basic example on how to use the datalist tag in HTML5.
|
1 2 3 4 5 6 7 8 9 |
<input name="datalistTest" list="datalistTest" /> <datalist id="datalistTest"> <option value="codesnippets"> <option value="fesslersoft"> <option value="code"> <option value="snippets"> <option value="fessler"> <option value="soft"> </datalist> |
Keep in mind that this Live-Example only works on supported Browsers.
If you have any questions or suggestions feel free to rate this snippet, post a comment or Contact Us via Email.
Related links:
To reload or rerender the page using AngularJS you can use the snippet below.
$route.reload();
To check if an array contains a value in Javascript you can use the snippet below.
Array.prototype.inArray = function (inputValue) {
var counter;
for (counter=0; counter < this.length; counter++) {
if (this[counter] === inputValue) {
return true;
}
}
return false;
};
To disable comments on posts older than date X in WordPress you can use the snippet below.
UPDATE wp_posts SET comment_status = 'closed' WHERE post_date < '2013-01-01' AND post_status = 'publish'