Changer le contenu de div

**sami20722** · 23/04/2013, 21h45

salut

j ai pas réussi a changer le continu de div ,
j veux changer l'url de div après l ajouter et l appuis sur "add url"
voila le code source

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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
28
29
30
<html>
<head>   
    <link rel="stylesheet" type="text/css" href="css/main.css" />
    <script type="text/javascript" src="js/main.js">
    </script>
     <script type="text/javascript">
             function change(){
//code ***********///
}
         </script>
</head>
 <body>
    <div class="example">
        <div class="post_results" id="post_results1" rss_num="8" rss_url="http://rss.news.yahoo.com/rss/topstories">
            <div class="loading_rss">
                <img alt="Loading..." src="images/loading.gif" />
            </div>
        </div>
        <div style="clear:both;"></div>
    </div>
 
    <div style="bottom:0;position:fixed;">
        <hr style="clear:both;" />
        <h4>
            <input type="text">
            <input type="button" value="add url" onClick="change();">
        </h4>
    </div>
 </body>
</html>

merci

**Bovino** · 23/04/2013, 21h50

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
     <script type="text/javascript">
	     function change(){
//code ***********///
}
	 </script>

J'avoue que j'ai vraiment du mal à comprendre qu'il ne t'ai pas paru judicieux, si tu as un problème de code JavaScript, de nous montrer le code JavaScript qui pose problème...

Enfin... je pense que si tu changes la partie

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

//code ***********///

par du code qui fonctionne, ça devrait être bon !

**sami20722** · 23/04/2013, 21h59

oui je sais , j'ai déjà essayé de changer mais j'ai pas réussi ,c'est parce que j'ai effacé mon code pour qu'il soit clair.

**andry.aime** · 24/04/2013, 07h48

Bonjour,

Montre nous le code qui ne fonctionne pas pour que l'on puisse le corrigé.

A+.

**sami20722** · 24/04/2013, 17h38

voila le code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
function change()
{
	var ur=document.form1.url.value;
	document.getElementsByClassName("post_results").rss_url=var;
}

**andry.aime** · 24/04/2013, 18h08

1- getElementsByClassName retourne une collection, donc il faut préciser l'indice.
2- pour modifier le contenu d'un div, c'est l'attribut innerHTML qu'il faut changer.

**sami20722** · 24/04/2013, 20h56

j deja teste avec innerHTML mais je c pas comment faire exactement pour modifier "rss_url" je suis un debutant
merci

**Auteur** · 24/04/2013, 21h13

bonsoir,

peut-on voir ton code (html et javscript) ?

**sami20722** · 24/04/2013, 21h38

oui bien sur

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
 
 
function myGetElementsByClassName(selector) {
    if ( document.getElementsByClassName ) {
        return document.getElementsByClassName(selector);
    }
 
    var returnList = new Array();
    var nodes = document.getElementsByTagName('div');
    var max = nodes.length;
    for ( var i = 0; i < max; i++ ) {
        if ( nodes[i].className == selector ) {
            returnList[returnList.length] = nodes[i];
        }
    }
    return returnList;
}
 
var rssReader = {
    containers : null,
 
    // initialization function
    init : function(selector) {
        containers = myGetElementsByClassName(selector);
        for(i=0;i<containers.length;i++){
            // getting necessary variables
            var rssUrl = containers[i].getAttribute('rss_url');
            var num = containers[i].getAttribute('rss_num');
            var id = containers[i].getAttribute('id');
 
            // creating temp scripts which will help us to transform XML (RSS) to JSON
            var url = encodeURIComponent(rssUrl);
            var googUrl = 'https://ajax.googleapis.com/ajax/services/feed/load?v=1.0&num='+num+'&q='+url+'&callback=rssReader.parse&context='+id;
 
            var script = document.createElement('script');
            script.setAttribute('type','text/javascript');
            script.setAttribute('charset','utf-8');
            script.setAttribute('src',googUrl);
            containers[i].appendChild(script);
        }
    },
 
    // parsing of results by google
    parse : function(context, data) {
        var container = document.getElementById(context);
        container.innerHTML = '';
 
        // creating list of elements
        var mainList = document.createElement('ul');
 
        // also creating its childs (subitems)
        var entries = data.feed.entries;
        for (var i=0; i<entries.length; i++) {
            var listItem = document.createElement('li');
            var title = entries[i].title;
            var contentSnippet = entries[i].contentSnippet;
            var contentSnippetText = document.createTextNode(contentSnippet);
 
            var link = document.createElement('a');
            link.setAttribute('href', entries[i].link);
            link.setAttribute('target','_blank');
            var text = document.createTextNode(title);
            link.appendChild(text);
 
            // add link to list item
            listItem.appendChild(link);
 
            var desc = document.createElement('p');
            desc.appendChild(contentSnippetText);
 
            // add description to list item
            listItem.appendChild(desc);
 
            // adding list item to main list
            mainList.appendChild(listItem);
        }
        container.appendChild(mainList);
    }
};
 
window.onload = function() {
    rssReader.init('post_results');
}

**andry.aime** · 25/04/2013, 19h43

Bonsoir,

Apparemment le lien google appelé retourne l'appel de la fonction rssReader.parse(). Essaie de faire un eval.

A+.

**sami20722** · 25/04/2013, 21h34

merci beaucoup un ami a moi m a aide
je peux publier tout la solution dans un ficher zip ??

Changer le contenu de div

JavaScript

Discussions similaires

Partager

Partager