Foros del Web - Ver Mensaje Individual

sintel_1 · #6 (**permalink**) 10/10/2015, 11:31

Hola.

La verdad es que lo ideal sería poder ver el codigo html.

Te pongo un ejemplo muy simple, a ver si es esto lo que quieres:

Código HTML:

Ver original<!DOCTYPE html>
<html>
<head>
  <title>Enlaces</title>
<script src="jquery-1.11.3.min.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<style>
#menu {height:2.4em;background-color:black;width:100%;margin:0;margin-bottom:3em;}
#menu ul {list-style-type: none;padding:0.2;margin:.3em;}
#menu li {display: inline;margin-right:2em;margin-left:1em;}
#menu a:link, #menu a:visited {color:silver;text-decoration:none;font-size:1.2em;font-weight: bold;padding:.5em;}
#menu a:hover {background-color:red;color:white;border:0; }
</style>
    
<script type="text/javascript"> 
$(document).ready(function(){   
var resultados = "tuen";
 
$('#btn').on('click',function(event){
   event.preventDefault(); //evitamos que se haga un submit
   $('form').fadeOut(1000); // ocultamos el formulario
  // obtenemos el valor del campo de texto
  var texto = $('#enlace').val();
   // recorremos todos los enlaces que estan dentro de #contenido y
  // cambiamos "tuen" por el valor del campo introducido
    $(function(){
    $('#contenido a').each(function(){
    var valor_actual = $(this).attr('href');
    var valor_nuevo = valor_actual.replace(resultados,texto);
        $(this).attr('href', valor_nuevo);
    });
    });
   
    });
});//fin de ready
         
</script>
</head>
  <body>
  <div id="menu">
  <ul>
    <li><a href="http://www.google.com">Google</a></li>
    <li><a href="http://www.yahoo.com">Yahoo</a></li>
    <li><a href="http://www.bing.com">Bing</a></li>
  </ul>
  </div>
  <div id="contenido">
    <p>Parrafo uno con un enlace : <a href="tuenlace_numero1">enlace1</a></p>
    <p>Parrafo dos con un enlace : <a href="tuenlace_numero2">enlace2</a></p>
    <p>Parrafo ters con un enlace : <a href="tuenlace_numero3">enlace3</a></p>
     <br><br>
  </div>
  
    <form>
    <input type="text" name="enlace" id="enlace">
    <button id="btn">Cambiar enlace</button>
    </form>
     
     </body> 
     </html>