Kleines Spiel Script "Javascript"

Zitat von Sempervivum

Probiere dies:

Code

var lnk = document.createElement('link');
    lnk.rel = 'stylesheet';
    lnk.type = 'text/css';
    lnk.href = 'css/formate.css';
    document.head.appendChild(lnk);

jo fett das funktioniert ..danke dir...

wenn du mal lust hast kannst du dir mein poppeliges lauflicht ankucken...

https://greasyfork.org/de/scri…5-lauflichts-updates-test

ich glaube man könnte den code bestimmt noch um einiges kürzen ,so wie ich dein code sehe müsste da noch was drinne sein... wie man da sieht habe ich da schon mit "clone" und css gearbeitet sonst währ das bestimmt noch mehr code geworden.... wenn du oder ihr lust habt kuckt mal rein und sagt ihr als profis mal was dazu wie man das verbessern kann und was man vieleicht nicht machen soll...

ich weiss ja nicht ob ganze divs clonen so im sinne des erfinders wahr wie ich es gemacht habe

bei den clonen habe ich gerade ein hänger,,,,das clonen aus der schleife zu nehmen ergibt ein sinn....

aber da in meinen fall ja bei jeden schleifen durchlauf die positsionen verändert werden ,clone ich ja jedesmal ein anderes element (zumindet den inhalt).... wie kann ich das den nur einmal klonen ( also vor den schleifen durchlauf),und dann in nachherein den inhalt des clones ändern ????? da stehe ich gerade auf den schlauch weil sowas wie innerHTML hat mein clone nicht bzw wüsste ich gerade nicht ob das überhaubt gehen würde und ob das klappen tut ........ das mit setinterval anstatt timeout das läst sich ja leicht machen ....aber ergibt das den ein sinn??? weil es wiederholt sich ja sogesehen in beiden varianten immer wieder alles,,oder hat setinterval irgendwie noch einen anderen vorteil( beschleunigung resorcen),oder so was ????

Zitat von Sempervivum

Wie ich sehe, hast Du dabei einiges umgesetzt, was wir früher diskutiert haben.

 

Jo das stimmt, ich lerne gerne und wie bei einen guten lehrer wie von dir macht das sogar spass

Zitat von Sempervivum

Ich empfehle aber, damit gar nicht erst anzufangen, sondern statt dessen die Position der Container zu animieren. Dass das funktioniert, siehst Du ja an meinem Beispiel.

ja das ergibt ein sinn sollte einfacher sein .. nur sehe ich ein kleines problem....sagen wir mal der container ist 1000 px lang und wird zur seite rausgeschoben.... irgendwann ist er ja zu ende und muss von vorne anfangen ( wie bei dein beispiel ) jedesmal wenn er von vorne anfangen tut gibt es ein ruckeln bzw einen harten übergang. ich könnte den container ja 999999 px lang machen dann kommt das nur selten vor,aber das ist wohl eine pfusch lösung....nee andere idee währe eine rechts links animation,die man auch einbauen könnte,aber in meinen fall soll das erstmal nur in einer richtung laufen...wegen den übergang muss ich nee lösung finden damit man den nicht sehen tut ..

jetzt verstehe ich ich auch warum du die masseinheit "VW" genommen hast,weil die einheit sieht man ja sonst sehr selten... ich werde damit mal etwas rumtüfteln und mal kucken ob ich das alles so hinbekomme.... ich werde dann mein ergebniss presentieren....danke dir erstmal

Zitat von Sempervivum

nicht genau das obige, aber schau dir mal dies an und probiere es aus:

Code

        for (var i = 0; i < nr; i++) {
            var box = document.createElement("div");
            box.style.width = width + "px";
            box.style.height = height + "px";
            lauflichtcontainer.appendChild(box);
        }

ich benutze das für die divs zu erstellen bin da mit gerade am bauen und tüfteln,nur die divs werden untereinander angesetz,auch wenn der hauptcontainer eine feste breite und höhe kriegt zb width=100 height=20 px.... trotdem knallt er die untereinander weg ... benutze aber nicht deine beispiel css weil irgendwie will das nicht so wie ich das will...(dazu später mal mehr)... jetzt gehts nur drum wie ich die nebeneinander kriege ....für die seiten ist das ja ok aber nicht für die breite

float: left;  funktioniert irgendwie nicht

komischerweisse wird mir dir container jetzt ganz unten angezeigt obwohl ich ihn top:0 habe und position fixed ist ...ist das nicht merkwürdig??? steht aber jetzt nebeneinander

EDIT; selbst wenn ich noch ein div rum herum baue mit top 0 und so weiter zeigt er mir bottom 0 an und auch nicht fixed

for (var i = 0; i < mengediv; i++) {
            var box = document.createElement("div");
            box.style.width = width1 + "px";
            box.style.height = hohe + "px";
            lauflichtcontainer.appendChild(box);
        }

gibt es dafür ein code um das alles zu löschen ...weil wenn ich wie bei meinscript mit onchange die anzahl ändere überschneidet sich alles weil alles dreifach und mehrfach da ist ....ich will vor jeden onchange die alten divs löschen und dann wieder neu erstellen .....oder gibt es da nee bessere lösung

kann das funktionieren ?? weil mein ergebniss ist irgendwie sehr merkwürdig....ziel ist es vorm erstellen die alten divs zu löschen damit beim neuen erstellen ( zb beim grösse oder farbe über onchange) kein chaos passiert

habe das so

Zitat

Code

function los(x,width,breitelicht,mengediv){
loschen()
var hohe=css()

        for (var i = 0; i < mengediv; i++) {
            var box = document.createElement("div");
            box.style.width = breitelicht + "px";
            box.style.height = hohe + "px";
          box.setAttribute("id","box"+i)
//box.setAttribute("class","tclose")
            lauflichtcontainer.appendChild(box);
          document.getElementById("box"+i).innerHTML = i;
        }
    verschiebe(x,breitelicht)
}


function loschen(){
  try{
    alert('kill')
var mengediv = sessionStorage.getItem('menge');
  var s = mengediv
  alert(document.getElementById("box"+s))
    for (var i = 0; i < mengediv; i++) {
var item = document.getElementById("box"+i);
item.parentNode.removeChild(item);
   
}
 }catch(e){}    
}
klick.onclick = loschen; // uninteresant ist zum testen da ob löschen per button geht 

Alles anzeigen

Code

box.id ="box'+i+'"

funktioniert besser aber das ergebniss ist nicht das wie erwünscht

weiss nicht ob das so richtig ist aber funktioniert jetzt.....ich lösche einfach vor jeden onchange den hauptcontainer wo die divs rein kommen,dann geht es so wie ich es wollte ...

mein code

function erstelle(){
losche()
var lauflichtcontainer = document.createElement("div");
            lauflichtcontainer.style.width = width+"px";
            lauflichtcontainer.style.height = hohe+"px";
           //box.setAttribute("id","box"+i)
            lauflichtcontainer.id ="lauflichtcontainer"
          //box.setAttribute("class","box"+i)
          lauflichtcontainer.innerHTML = i
          
            document.getElementsByTagName('body')[0].appendChild(lauflichtcontainer);
}
function losche(){
  try{
   
var mengediv = sessionStorage.getItem('menge');
 
  //  for (var i = 0; i < mengediv; i++) {
var item = document.getElementById("lauflichtcontainer");
item.parentNode.removeChild(item);
   
//}
 }catch(e){}  
  return true;
}

spinnt abeer trotzdem noch rum ist noch nicht 100 prozentig richtig ich muss da noch irgendwie nen fehler drinne haben