Category Archives: APPS

Write less, do more.

Inverter Link / Inverter URL / JavaScript, JQuery

Como inverter link com JQuery? Como inverter uma String com JQuery e JavaScript?

Bom, para o frame acima funcionar, utilizei este script. É bem simples, e com testes irrelevantes, más exemplifica bem o a capacidade do JS e do JQuery.

Inverter Link / Inverter URL – Clique aqui para testar!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function(){
 
				$('input[id="campoUrl"]').focus();
 
				$('div[id="btInverter"]').unbind('click').bind('click',function(){
					var str = $("#campoUrl").val();
					strNormal = str.split("").reverse().join("");	
 
					if(RegExp(['^http://']).test(strNormal)){
						$('div[id="resultado"] span').html("Link v&aacute;lido: <a href='"+strNormal+"' target='_black' >"+strNormal+"</a>").addClass('linkValid').removeClass('linkInvalid');					
					}else if(RegExp(['^http://']).test(str)){											
						$('div[id="resultado"] span').html("Link n&atilde;o precisa ser invertido: <a href='"+str+"' target='_black' >"+str+"</a>").addClass('linkValid').removeClass('linkInvalid');					
					}else{
						$('div[id="resultado"] span').html("Link inv&aacute;lido=> "+strNormal).removeClass('linkValid').addClass('linkInvalid');							
					}				
 
				});
 
				$('div[id="btLimpar"]').unbind('click').bind('click', function(){
					$('input[id="campoUrl"]').val('').focus();
					$('div[id="resultado"] span').html('');	
				});
 
			});
		</script>
%d blogueiros gostam disto: