jQuery Damaged Hyperlink Checker Plugin: jsLink
You could have a website online with a lot of internet pages; every internet web page comprises many pictures and hyperlinks to different pages. You need to be sure that all hyperlinks are working correctly. Damaged hyperlinks or lifeless hyperlinks go away unhealthy effect on your website online consumer. To test that each one hyperlink are functioning properly you may both check all of the hyperlinks by manually clicking each hyperlink, or you should utilize some computerized software. jsLink helps you robotically test the broken hyperlinks with only one click. jsLink is a broken links checker plugin, that may be simply plugin within any internet web page.
Use Web Explorer to test cross area hyperlinks utilizing jQuery damaged hyperlinks checker plugin, as different browsers don’t help cross area(URLs that time to apart from immediate internet web page area) requests. Additionally, you want your website online to be hosted on an online server both domestically or over the internet; the plugin is not going to work for information on the native file system.
jQuery Damaged Hyperlink Checker Plugin Parameters
- masktext: Non-obligatory, worth of this parameter will likely be displayed in URL textual content subject.
- pace: Pace in milliseconds at which damaged hyperlink checker collapses and expands, default is 200.
Utilizing jQuery Damaged Hyperlink Checker Plugin
In your HTML file add the next within the head part.
- Add a reference to newest jQuery script
- Add a reference to link-checker.js file
- Add a reference to link-checker.css file
Add block factor(div) the place you need to be damaged hyperlink checker plugin to be added.
<div id="link-checker" ></div>
Now add the next code to your HTML file’s head part.
<script sort="textual content/javascript">
$(doc).prepared(operate() );
</script>Initially, the jQuery broken link checker plugin will likely be displayed as a button, clicking “Confirm Hyperlinks” (plugin button) will broaden the plugin, also, to begin the verification. To break down the damaged hyperlink test plugin click on the cross button positioned at high proper. If you wish to check hyperlinks of internet pages apart from the present one, enter the URL within the hyperlink enter space and click on “Confirm Hyperlinks” button. To recheck hyperlinks, you may both click on “Confirm Hyperlinks” button or the “Re-check” button.
Though jQuery damaged hyperlink checker plugin checks hyperlink on the present web page, it does help you test hyperlinks of different pages by coming into the URL of the remaining pages.
Right here is the whole code for instance above.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.zero Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Hyperlink Checker</title>
<script src="jquery-1.four.four.min.js" sort="textual content/javascript"></script>
<script src="link-checker.js" sort="textual content/javascript"></script>
<hyperlink href="link-checker.css" rel="stylesheet" sort="textual content/css" />
<script sort="textual content/javascript">
$(doc).prepared(operate() );
</script>
</head>
<physique>
<div id="link-checker">
</div>
<a href="http://www.google.com.pk">Google</a>
<br />
<a href="http://www.yahoo.com">Yahoo</a>
<br />
<a href="http://www.msn.com">Msn</a>
<br />
<a href="http://www.asdfsdfgoogle.com">Flawed one</a>
</physique>
</html>jSLink Review
- Overall
- Feature Availability
- Customization
- Design Quality
- Flexibility
Hola,
Quería probar este plugin en mi joomla 1.5.xx, pero al intentar instalarlo, me dice el instalador propio de joomla: ¡Error! No puedo encontrar un archivo de configuración XML en el paquete, Como puedo instalarlo ?
Un saludo y gracias.
PD.: si es posible, contestenme al e-mail.
Works great, but it seems to only check for 200 – OK responses. However, a lot of valid links result in redirects (301, 302), followed by a 200.
Any chance of accommodating this?
I am trying to expand on this by making it run on hotkey combination using the below code.
$.getScript(‘js/lib/hotkeys/jquery.hotkeys.js’, function() {
$(document).bind(‘keydown’, ‘Ctrl+q’,function (evt){
$(‘head’).append( $(”, { rel: ‘stylesheet’, type: ‘text/css’, href: ‘js/lib/link-checker/link-checker.css’}) );
$.getScript(‘js/lib/link-checker/link-checker.js’, function() {
$(”).insertBefore(‘#content’);
$(‘#link-checker’).linkchecker();
});
});
});
I am having a problem with the images being refernced to the root. How can i make this work and show the images being used in the plugin?