1485 sujets

Web Mobile et responsive web design

Bonjour à Tous,

Je viens chercher un peu d'aide sur Jquery Mobile et Jquery en général.
Je développe une appli pro en Web Responsive et j'ai choisi Jquery Mobile.
J'effectue des requetes ajax vers ma BDD pour insérer des données et je souhaite mettre à jour ma page en temps réel en chargeant dans un tableau récapitulatif les lignes insérées dans la bdd.
J'utilise pour cela la méthode append() de jquery qui fonctionne bien mais mon problème que le CSS n'est pas appliquée, les éléments sont insérés brut et cela n'est forcément pas jolie.
J'ai déjà rencontré ce probléme assez général en javascript, auriez vous la soluce svp ?
Bizarre ?!!! quel est le style selecteur actif ?
il faut passer par dom node element et pas raw text
http://mattfrear.com/2010/03/01/generating-and-injecting-html/
js ----------> test
js------------>https://msdn.microsoft.com/en-us/libraryms533899%28v=vs.85%29.aspx
/prop_html_innerhtml.asp]getElementById .innerHTML .value[/url]
jQuery----> append()
jQuery----> .text

cordialement

<!DOCTYPE html>
<html>
<style>
.test{
background-color: rgb(204, 0, 0);
}
</Style>
<body>

<p id="demo" onclick="myFunction()">Click me to change my HTML content (innerHTML).</p>

<script>
function myFunction() {
    document.getElementById("demo").innerHTML = "<p class=test>Paragraph changed!</p>";
}
</script>

</body>
</html> 

Modifié par 75lionel (03 Nov 2015 - 00:15)