11550 sujets

JavaScript, DOM et API Web HTML5

Help Regex, images, css et liens : relatif => absolu

Bonjour !

Je vous explique mon problème en espérant trouver de l'aide ici Smiley biggrin
Je dois réaliser un javascript (je pensais à une regex mais c'est un point faible pour moi Smiley confused ) qui :
Etant donné une chaine - code html -, recherche tous les liens relatifs des img, css et liens href et y ajoute le nom de domaine "http://www.monsite.com/" afin de les passer en absolu.

Ex :
- <img src="toto.jpg"> est réecrit en <img src="http://www.monsite.com/toto.jpg">
- <a href="page1.html"> est réecrit en <a href="http://www.monsite.com/page1.html">

Ceci en prevoyant des quotes simples/doubles, les écritures avec ou sans éspace, ect...

Merci par avance !
Modifié par fedodo (31 Mar 2011 - 11:17)
Je n'utilise que jQuery... si c'est aussi ton cas ici j'essayerai (non testé) :


$(document).ready(function(){
	var site = 'http://www.domain.com/';
	$('img').not('[src^="http"]').attr('src',function(index, value){ return toString(site + value); });
	$('a').not('[href^="http"]').attr('href',function(index, value){ return toString(site + value); });
});
Hello,

Je te remercie pour ta réponse Smiley cligne
Pour être plus précis, à partir de la fenetre courante, j'ouvre une nouvelle fenetre et y écrit mon code :

var pageText = '<html><head></head><body> mon image <img src = "image.jpg">[...]</body></html>';
wind = window.open()document.write (text);
Et c'est sur cette nouvelle fenêtre que je veux appliquer la transformation.

Nukleo a écrit :
Je n'utilise que jQuery... si c'est aussi ton cas ici j'essayerai (non testé) :


$(document).ready(function(){
	var site = 'http://www.domain.com/';
	$('img').not('[src^=&quot;http&quot;]').attr('src',function(index, value){ return toString(site + value); });
	$('a').not('[href^=&quot;http&quot;]').attr('href',function(index, value){ return toString(site + value); });
});



Merci pour ton aide !
Sujet clos
Aller à