✔ Erstes Div aus einer Reihe dynamisch erstellen, ändern

[gianfranco0104]

Perfekt...habs etwas geändert, sodass es für mich passt:
1000 Dank für eure Hilfe

      .metroFileBoxAuto {
          background-color:#ffca08;
          margin-left:40px;
          margin-top:40px;
          width:350px;
          height:350px;
      }

        div.metroFileBoxAuto:nth-child(2) {
            height: 740px;
            width: 740px;
            float: left;
        }
 
        div > div.fileNameContainer {
            background-color: black;
            margin-top: calc(100% - 80px);
            height: 80px;
            width: 100%;
        }
       
        div.fileNameContainer span {
            font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
            color:#FFFFFF;
            font-size:0.9em;
            font-weight:100;
            line-height:78px;
            float:right;
        }

und das JS:

files = arrayFileData

    insertDiv = function(wrapper, file){
        var fileName = file.split("_____")[1]
        var fileDay = file.substring(6,8)
        var fileMonth = file.substring(4,6)
        var fileYear = file.substring(2,4)
        var div = document.createElement('div')
        var content = fileName.replace(/.cm5/, "") + ", " + fileDay + "." + fileMonth + "." + fileYear + " "
       
        //div Elemente erzeugen
        var outerDiv = document.createElement('div');
        outerDiv.className = "metroFileBoxAuto";
        var innerDiv = document.createElement('div');
        innerDiv.className = "fileNameContainer";
        var titleText = document.createElement('span');
        titleText.innerText = content
        outerDiv.style.display = "inline-block";
        outerDiv.appendChild(innerDiv);
        innerDiv.appendChild(titleText);
        wrapper.appendChild(outerDiv);
    };

Das JS in der HTML s. Oben in meiner Anfrage) hat sich nicht geändert..
Bis bald

 

[gianfranco0104]

Eine Frage hab ich doch noch. Welche Möglichkeiten gibt es die einzeln, erzeugten Div anklickbar zu machen? Anklicken und einfach einen Alert des Textinhalts des angeklickten Divs.?
Einzel kein Thema, aus dynamischen weiß ich allerdings nicht wie das gehen soll.
Um einen Hinweis wäre ich noch zu guter Letzt dankbar

 

[Cromon]

Hallo gianfranco0104

Meinst du sowas: http://jsfiddle.net/0kodnu1o/ ?

Viele Grüsse
Cromon

 

[gianfranco0104]

Perfekt, vielen dank!