Beiträge von basti1012

basti1012 · 14. November 2017

habe mich etwas falsch ausgedrückt .wenn ich zb ein div habe 300x300 px gross möchte ich aber nurmitleren teilin grösse von 200x200 px sehen der border der dann über ist soll unsichtar sein .... ich weiss ich erkläre scheisse,aber wenn ich was finde bzw wenn ich die richtige googel suche finde dann zeige ich es euch .... nee fiddel liefere ich nach die würde bei den chaos jetzt noch nix bringen ,,,danke

basti1012 · 14. November 2017

danke dir erstmal das wahr schon sehr hilfreich.. aber mein goggel geht ,finde aber nicht immer das was ich brauche..genau wie jetzt weiss auch nicht wie man das suchen sol und zwar..

will ich in einen bereich zb in einen div 200 mal 200 px ein hin ein kleineren div drüberlegen zb 150 mal 150 px so das runterrum ein border bleibt der 25 pixel gross ist .... so das kein problem das habe ich ja... jetzt soll im hinteren div ein bild sich drehen zb mit sternen und so ein animierter border entstehen ( zumindest sieht es so aus ).. da aber das bil das gedreht wird um einiges grösser sein muss,damit es nicht auffallen tut das es ein bild ist habe ich das problem das der div mit wachsen tut am bild.. wie unterbinde ich das das das div die 200 mal 200 pixel nicht übertrift,aber trotzdem grösser ist als das div ..

oh man ich hoffe ich habe das richtig erklärt .... ich brauche einfach ein bestimmten bereich der vom bild sichtbar ist ..

oh oh ich glaube mich versteht bestimmt keiner... aber ich hoffe das mich vieleicht doch einer versteht

habe versucht den div ein backgroundimage zu geben aber das funktioniert nicht .

Code

var bildunten = document.createElement("div");
          bildunten.id ="bildunten"
          bildunten.style.position = 'absolute';
          bildunten.style.left = vonlinks+'px';
         bildunten.style.top = vonoben+'px';
        bildunten.style.width = '100%';
          bildunten.style.zIndex = 99;
          bildunten.style.width = bis_ende_width+'px';
          bildunten.style.height = bis_ende_height+'px';
          bildunten.style.backgroundImage = 'url("https://cdn.pixabay.com/photo/2016/09/08/20/52/milky-way-1655504_960_720.jpg");'
          document.getElementsByTagName('body')[0].appendChild(bildunten);

Alles anzeigen

habe auch

Code

bildunten.style.backgroundImage = 'url("bild");'
bilduntenbildunten.style.backgroundImage = 'url("bild");'
bilduntenbildunten.style.backgroundimage = 'url(bild);'
bilduntenbildunten.style.background-image = 'url(bild);'

mit ohne hochkommas aber nix von den geht.wo ist der hacken??

das der div bei grösseren bilder nicht scrollbar ist ist doch overflow:hidden; oder was muss da stehen

basti1012 · 14. November 2017

Es ist immer vorteilhaft wenn du dein problem schon mal etwas genauer erklären tust ...der ein oder andere tut sich dann bestimmt auch schon mal informieren und wird versuchen dir irgendwie hilfe geben zu können

basti1012 · 14. November 2017

habe im netz mal ein paar code schnipsel gefunden die ich nicht verstehe..

Code

var width = (ZONEBASE_URL == "")?70:85;

wasmacht das fragezeichen da und was kann das hohe fusball ergebniss da zu bedeuten haben ???

Code

PG_getValue

ich dachte das heis GM_getValue ?? hat das GM eine bestimmte bedeutung weil das sieht man ja öffters in verschiedene cods. oder knn man beliebige andere buchstaben anstatt GM nehmen ???

Code

document.getElementById(1)

ich dachte man darf keine id mit zahlen beginnen,oder wahr das nur bei variabeln?? ist id="1" also ok ????

Code

document.getElementById("gangfilter").value.toLowerCase();

// was bedeutet das .value.toLowerCase();

Code

data:image/png;

ist es heutzutage überhaupt noch sinnvoll data:image anzulegen??? das internet ist so schnell das das wohl nicht mehr viel ausmacht ,oder ist das doch noch ein grosser zeit gewinn ????

Code

if(typeof(document.querySelector) !== "function") {

// wie arbeitet man mit querySelector  bzw was macht das genau

so und jetzt zum schluss

Code

// Aus HTML ein DOM-Objekt erzeugen
    var doc = HTML2DOM(content)

    var ft = getFightTableIndex(doc);
    var table = doc.getElementsByTagName("table")[ft];

was ist das genau ?? da ich ja eigentlich nur auf userscript basis unterwegs bin kann ich doch elemente erzeugen und einfügen...wozu brauch man dann diesen code hier ??? oder bin ich da irgendwie auf den holtdampfer und verstehe den code überhaupt nicht ...

wenn einer mal langeweile hat kann er uns ja das ein oder andere mal erklären...

besten dank

basti1012 · 13. November 2017

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

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;
}

Alles anzeigen

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

basti1012 · 13. November 2017

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

basti1012 · 13. November 2017

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

Code

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

basti1012 · 13. November 2017

float: left; funktioniert irgendwie nicht

basti1012 · 13. November 2017

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

basti1012 · 12. November 2017

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

basti1012 · 12. November 2017

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 ..

basti1012 · 12. November 2017

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

basti1012 · 12. November 2017

oder die bestimten textteile rauskopieren die den fehler beinhalten könnten.... erklär erstmal dein problem und die profis werden dir dann vieleicht schon sagen was los ist bzw dir dann sagen welchen teil von code die sehen müssen um helfen zu können

basti1012 · 12. November 2017

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

basti1012 · 12. November 2017

ja gelesen ja,aber noch nicht ganz verstanden...kannst du mir mal ein beispiel geben ,wie man das obrige machen kann???

noch nee frage wenn ich css einbinden will,also so

// @require http://qtip2.com/v/stable/jquery.qtip.css

schreibtdie fehlerkonsole immer irgendwelche probleme mit den script...

bei normalen scripte geht das einbinden so,aber sobald das einne css ist kommen immer fehler in der konsole und es funktioniert nix

basti1012 · 12. November 2017

wie kann ich das hier verkürzen,also mit schleife

Code

document.getElementsByTagName('body')[0].innerHTML  += '<div id="einstellung" class="einstellung">'
// hier rein soll eine schleife diese "meinedivs"  ersetzen
      +'<div id="eins0"  class="meinedivs"></div>'
      +'<div id="eins1" class="meinedivs"></div>'
      +'<div id="eins2" class="meinedivs"></div>'
      +'<div id="eins3" class="meinedivs"></div>'
      +'<div id="eins4" class="meinedivs">    </div>'
      +'<div id="eins5" class="meinedivs">    </div>'
      +'<div id="eins6" class="meinedivs">    </div>'
      +'<div id="eins7" class="meinedivs">    </div>'
      +'<div id="eins8" class="meinedivs">    </div>'
      +'<div id="eins9" class="meinedivs">    </div>'
      +'<div id="eins10" class="meinedivs">    </div> </div>'
 
 
 +' <div id="einstellung1" class="einstellung"></div>'
  +' <div id="einstellung2" class="einstellung"></div>'
  +' <div id="einstellung3" class="einstellung"></div>'
 
      +'<div id="info"></div>';

Alles anzeigen

Bitte ran denken das es ein userscript ist ..ich habe es versucht mit innerHTML aber das klappt irgendwie nicht so wie es soll... hatte was gefunden bei googel was bestimmt auch klappen würde ,aber kriege es nicht hin in userscript laufen zu lassen...wenn dann mache ich es vollkommen falsch oder ich bin auf den holzdampfer.

Code

for(a=0;a<=10;a++){
+'<div id="eins'+a+'"  class="meinedivs"></div>'

}

funktioniert natürlich nicht weil die schleife ja zwischen den html code ist("ich sage das mal so"). mit document write würdedas ja gehen aber das ist ein userscript da geht das natürlich nicht und innerHTML geht so auch nicht weil die schleife wie sie da ist nicht reinpasst (spiet die fehlerkonsole nicht mit ).

aber so gehts

Code

document.getElementsByTagName('body')[0].innerHTML  += '<div id="einstellung" class="einstellung">'
 +'<din id="rein"></div>'
 +' <div id="einstellung1" class="einstellung"></div>'
  +' <div id="einstellung2" class="einstellung"></div>'
  +' <div id="einstellung3" class="einstellung"></div>'
 
      +'<div id="info"></div>';

for(a=0;a<=10;a++){
document.getElementById('rein').innerHTML  +='<div id="eins'+a+'" class="meinedivs">    </div>';
}

Alles anzeigen

Aber ist das nicht FUSCH ??

gibt es da bessere möglichkeiten oder ist das doch richtig was ich da gemacht habe

basti1012 · 11. November 2017

noch nee bitte ...womit erstellt ihr scripte???

habt ihr ein programm( was vieleicht in deutsch ist wenn möglich) was zu empfehlen ist ...

weil ich mache alles mit notpad und mit greasmonkey im browserfenster ,,das ist doch etwas nervig

basti1012 · 11. November 2017

da werde ich heute mal viel zu lesen haben ..danke dir erstmal ...

noch ne frage wie bekomme ich 2 werte aus ner function mit return also zb :

Code

test = los()
alert(test)  // zeigt ja jetzt hallo an 
function los(){
var a = 'hallo';
var b = 'du'
var c = 'da'
return a;
}

so das klappt ,das kriege ich hin aber so

Code

function los(){
var a = 'hallo';
var b = 'du'
var c = 'da'
return a,b,c; //   oder  wie geht das ,weil so klappt das bei mir alles nicht 
}

// wie bekomme ich mit return a,b,c in die alerts rein 
alert(a)
alert(b)
alert(c)
alert(a+b+c)
// oder nur 2 von 3 werten
alert(a+b)

Alles anzeigen

die alerts sind ein test das soll nachher mit in der function fliesen bzw später angezeigt werden ..

aber wie bekomme ich einzelne werte bzw ein teil der werte da raus ,wie zb in den alerts da

basti1012 · 11. November 2017

ich möchte ja das das lauflicht einmal runterrum laufen tut zb einmal um das browserfenster.... jetzt habe ich es soweit das es nur oben laufen tut...nun meine frage ob man den code verkürzen kann..weil man müsste ja einige divs erstellen um einmal runter rum zu kommen ..

kann man dieses

Code

#einstellung {
  width: 800px;
  height: 100px;
  background-color: black;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1000;
}

#einstellung {
  color: white;
  font-size: 12px;
  overflow: hidden;
  padding-left: 5px;
}

#eins1 {
  width: 100px;
  height: 100px;
  background-color:red;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1100;
}

#eins2 {
  width: 100px;
  height: 100px;
  background-color: red;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1101;
}

#eins3 {
  width: 100px;
  height: 100px;
  background-color: red;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1102;
}

#eins4 {
  width: 100px;
  height: 100px;
  background-color: red;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1103;
}
#eins5 {
  width: 100px;
  height: 100px;
  background-color: red;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1104;
}
#eins6 {
  width: 100px;
  height: 100px;
  background-color: red;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1105;
}

#eins7 {
  width: 100px;
  height: 100px;
  background-color: red;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1106;
}
#eins8 {
  width: 100px;
  height: 100px;
  background-color: red;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1107;
}

#eins9 {
  width: 100px;
  height: 100px;
  background-color: red;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1108;
}

Alles anzeigen

noch irgendwie verkürzen weil bei noch 40 divs die ich bräuchte würde das sehr lang werden ...

dann noch dieses hier

Code

if(y==1){y1=-100}
            if(y==2){y1=100}
            if(y==3){y1=300}
            if(y==4){y1=500}
                    if(y==5){y1=700}  
                      if(y==6){y1=900}
                     if(y==7){y1=1100}
                     if(y==8){y1=1300}
                      if(y==9){y1=1500}

das würde bei 40 divs auch noch um einiges länger bzw müsste man das noch überdenken wenn man einmal im kreis will

und bei diesen

Code

<div id="eins1"></div>
  <div id="eins2"></div>
  <div id="eins3"></div>
  <div id="eins4"> </div>
<div id="eins5">    </div>
<div id="eins6">    </div>
<div id="eins7">    </div>
<div id="eins8">    </div>

bleibt mir wohl nix anderes übrig das bis 40 divs oder so zu verlängern oder gibt es da noch was anderes was in meinen fall funktionieren würde??...Danke schon mal für eure hilfe.....

basti1012 · 11. November 2017

aber ein problem habe ich noch ich verstehe nicht warum ganz links ein div rum steht ,der da fest verankert ist und sich nicht bewegt ,verstehe nicht wo der weg kommt weil irgendwie ????

ich verstehe es nicht ,der muss da weg

https://jsfiddle.net/7whqwsup/5/

und wenn man das script 2-3 minuten laufen lässt fängt es an rumzuspinnen,da fangen die boxe an zu flackern und bleiben bald stehen

EDIT habe einfach das "los(x)" gelöscht dann wahr flackern weg

aber der erste würfel steht immer noch im weg ,den bekomme ich einfach nicht weg

Beiträge von basti1012

allgemeine fragen zu Javascript

allgemeine fragen zu Javascript

Google Analytics

allgemeine fragen zu Javascript

Kleines Spiel Script "Javascript"

Kleines Spiel Script "Javascript"

Kleines Spiel Script "Javascript"

Kleines Spiel Script "Javascript"

Kleines Spiel Script "Javascript"

Kleines Spiel Script "Javascript"

Kleines Spiel Script "Javascript"

Kleines Spiel Script "Javascript"

Zeichenbegrenzung

Kleines Spiel Script "Javascript"

Kleines Spiel Script "Javascript"

Kleines Spiel Script "Javascript"

Kleines Spiel Script "Javascript"

Kleines Spiel Script "Javascript"

Kleines Spiel Script "Javascript"

Kleines Spiel Script "Javascript"