תחומים - פורום חרדי מקצועי

yyy

זה לא עוזר. הפלא הוא שיש קבצים שהוא כן מסכים להעלות לי.
אני על localHost אם זה משנה.

yyy

אני מנסה לטעון תמונה לאלמנט img באופן הבא

<img  src="C:\Users\xxx\Desktop\Angular\projName\src\assets\myImg.jpg  ">

ואני מקבל שגיאה בדפדפן:

Not allowed to load local resource:

אם אני מכנסי נתיב יחסי כזה:

projName\src\assets\myImg.jpg

השגיאה משתנה ל:

myImg.jpg:1 GET http://localhost:4200/projName/src/assets/myImg.jpg 404 (Not Found)

לפי מה שהבנתי המיקום assets הוא המיקום התקני ל"נכסים" כמו תמונות, מה לא נכון במה שאני עושה?

תודה לחברי האתר הנפלאים

yyy

נניח יש לי DIV שאני רוצה שבתחתיתו יהיה תמיד כפתור, ללא תלות בגודל שאר התוכן שמעליו. (אני מייצר 100 דיבים כאלו כשלכל אחד יש תוכן משתנה)
שימוש ב-padding/marging לא טוב לי כי הוא קבוע.
איך אפשר לומר לאלמנט תיצמד למטה בכל מקרה?

yyy

כעת נתקלת בבעיה דומה:
האובייקט כעת נראה כך:

export class myClass{
 x:number;
 y:number=0;
constructor( x:number ) {
 this.x = x;
 }
}

נתון מערך ריק של האובייקטים

myClasses: myClass[] = [];

וכעת אני מנסה לדחוף עם push אובייקט חדש

this.myClasses.push({x:4});

גם כאן יש שגיאה שהוא רוצה את הערך של y למרות שהוא קבוע על 0. איך פותרים את זה?

yyy

@yossiz אמר בהפניות לאובייקטים ממחלקות יורשות:

@yyy אמר בהפניות לאובייקטים ממחלקות יורשות:

מה שראיתי הוא שאין משמעות לשורה האחרונה, כלומר ה-a1 נשאר a1, ולא הופך להיות הפניה ל-b1.

זה כן הופך להיות הפניה ל-b1. אבל הטייפ שלו לא משתנה.
תסתכל בדוגמה זו:
class A
{
	public string name;
	public void printA()
	{
		Console.WriteLine($"Hello, {name} -- from printA");
	}
}
class B : A
{
	public void printB()
	{
		Console.WriteLine($"Hello, {name} -- from printB");
	}
}
A a1 = new A() { name = "yossi" };
B b1 = new B() { name = "yyy" };

a1.printA(); // Hello, yossi -- from printA
a1.printB(); // שגיאה בזמן הידור!!! - 'A' does not contain a definition for 'printB'
((B)a1).printB(); // שגיאה בזמן ריצה!!! - Unable to cast object of type 'A' to type 'B'.

a1 = b1;

a1.printA(); // Hello, yyy -- from printA
a1.printB(); // שגיאה בזמן הידור!!! 
((B)a1).printB(); // Hello, yyy -- from type B

כלומר זה נהיה שווה ערך לפקודה

A a1 = new B()
?

yyy

יש לי מחלקה B שיורשת מ-A

class A
    {
        public void printA()
        {
            Console.WriteLine("A");
        }
    }
class B:A
    {
        public void printB()
        {
            Console.WriteLine("B");
        }
    }

הקוד ב-Main נראה כך

A a1 = new A();
B b1 = new B();
a1 = b1;

מה שראיתי הוא שאין משמעות לשורה האחרונה, כלומר ה-a1 נשאר a1, ולא הופך להיות הפניה ל-b1.
השאלה היא למה בכלל יש אפשרות כזו, והאם יש אולי עוד משמעות נסתרת לפקודה הזו, שלא עמדתי עליה?

תודה רבה C# JAVA

yyy

יש לי אובייקט שנראה כך

export class myClass{
   x:number;
   y:number;
   z:number;
   constructor( x:number,y:number ) {
 this.x = x;
 this.y = y;
  this.z =this.x*this.y;
   }
}

אני מנסה ליצור ממנו מופע כך

 MC:myClass {x:10,y:5}

אני מצפה ש-Z יחושב אוטומטית. בפועל אני מקבל שגיאה ש-

Property 'z' is missing

השאלה היא כיצד ניתן לגרום למחשב להבין שיש התייחסות ל-z.
תודה רבה

yyy

@yyy
זה הפתרון שמצאתי

alert($(i)[0].outerHTML);

yyy

@dovid אמר בסלקטור לתפוס צאצא ספציפי:

#someID img:first-child

אז למה שכשאני מבצע את הקוד הבא

var i = "#someID img:first-child"
  alert($(i).html())

לא קופץ לי ה-html של האלמנט?

yyy

נתון קוד

<div id="someID" ">
          <img src="./x">
          <img src="./x">
 </div>

איזה סלקטור יכול לטפל לי בתמונה הראשונה\האחרונה שתחת ה-div?
אפשר מבחינתי או לגשת ישיר לאלמנט, או לקבל מערך של אלמנטים, ולגשת עם אינדקס.
תודה רבה.

yyy

@dovid אמר בשאילתת Jquery לא מגיבה:

היה פעם live אבל הוא יצא משימוש, במקומו משתמשים בon על אלמנט קיים ומציינים בארגומנט השני את הסלקטור של האלמנט העתידי:
$(document).on('click', 'button', function() { alert($(this).text() + ' clicked!') });
היום jQuery נחשב מיושן מעט, וקל מאוד גם בלעדיו לעשות את רוב הדברים.
פה למשל, קל להצמיד אירוע תוך יצירת האלמנט וזה מייתר את השאלה.

סייעת לי רבות, איש יקר.

yyy

לאחר כל הנ"ל האם יש דרך לגרום לשאילתת JQ לרוץ גם על אלמנטים שיווצרו בעתיד?

yyy

נניח שיש לי מערך אובייקטים, וכעת אני מנסה לייצר אובייקט חדש, ולהוסיף אותו למערך המקורי. ניסיתי שני דרכים ללא הצלחה.
דרך א:

<script>
      arr = [{
          "num": "1"
      }, {
          "num": "2"
      }];
      obj = '{  "num": "3"  }'
      arr.push(obj);

      function printArr() {

          for (i = 0; i < arr.length; i++) {
              console.info("num = " + arr[i].num)
          }
      }

      printArr();
  </script>

במקרה זה האובייקט שמנסים להוסיף נכנס כ-STRING ולא כאובייקט.

דרך ב:

<script>
       arr = [{
           "num": "1"
       }, {
           "num": "2"
       }];
       obj = arr[0];
       obj.num = 3;
       arr.push(obj);

       function printArr() {

           for (i = 0; i < arr.length; i++) {
               console.info("num = " + arr[i].num)
           }
       }

       printArr();
   </script>

במקרה זה האובייקט שנוסף הוא רק הפנייה לאובייקט שממנו נוצר.
אז איך עושים את זה "נכון"?

yyy

נתון הקוד הבא:

<script>
     $(document).ready(function() {
         $("#myBtn").click(function() {//foo1
             var num = $("#myInput input").val();
             for (i = 0; i < num; i++) {
                 $("#myOutput").append($("#myBtn").html());
                 $("#myOutput #main").text(" לחצן " + (i + 1));
                 $("#myOutput #main").attr("id", "l" + (i + 1));
             }
         });
         $("#myOutput button").click(function() {//foo2
             alert("in button under #myOutput")
         });
     });
 </script>
<body>
 <div id="myInput">
     <input type="text">
 </div>
 <div id="myBtn">
     <button id="main">לחץ כאן</button>
 </div>
 <div id="myOutput">
 </div>
</body>

מה שהקוד מבצע, הוא קבלת קלט מספרי בשדה הקלט, והדפסת לחצני מספרים אשר מספרם זהה לערך שנקלט. (מסומן כ-foo1).

השלב הבא אמור להיות שבלחיצה על אחד מהלחצנים, תקפוץ הודעת ()alert. (מסומן כ-foo2) דבר זה אמור להתבצע על ידי הסלקטור

"#myOutput button"

שכן הקוד נראה בשלב זה בצורה הבאה:

<div id="myOutput">
        <button id="l5"> לחצן 5</button>
   ...
   ...
        <button id="l1"> לחצן 1</button>
    </div>

בפועל השלב הראשון שתיארתי עובד מצויין ואכן מודפסים הלחצנים. בשלב השני משום מה הדפדפן מתעלם מהקריאה לסלקטור הנ"ל וכלל לא נכנס לפונקציה.
מהו ההסבר לכך?
תודה רבה.

yyy

@yossiz אמר בריבוי SetIntervals:

מה קורה? כלום? הייתי מצפה שפונקציית changeNamber תרוץ פעמיים על האלמנט השני וכלל לא על הראשון.

הטעות שלי הייתה שהצבתי את 2 האלמנטים על אותו ערך, ואכן הפקודה רצה פעמיים על אלמנט text2, אלא שהערך היה נראה שלא השתנה כי התבצע על יו 1+ ואז 1-.
מצורפת למטה הפונקציה changeNamber.
בכל אופן הפתרון של let אכן מועיל. הנה הקוד.

for (var i = 1; i < 3; i++) {
      let elId = "text" + i;
      setInterval(function() {
          changeNamber(elId);
      }, 1000);
  }

פונקצית changeNamber

function changeNamber(elId) {
       var x = document.getElementById(elId).innerText;
       if (x == 9) {
           x++;
       } else {
           x--;
       }
       document.getElementById(elId).innerText = x;
   }

תודה רבה!

yyy

נניח שיש לי 2 אלמנטים:

<h1 id="text1">9</h1>
<h1 id="text2">9</h1>

כעת אני רוצה שהמספר שלהם ירד ויעלה מידי שניה. הקוד לכאורה אמור להיות כזה:

for (var i = 1; i < 3; i++)    {
     var elId = "text" + i;
     setInterval(function() {
         changeNamber(elId);
     }, 1000);
 }

הבעיה היא שהוא לא עובד.
אם אני מוריד ב-for את הערך של 3 ל-2, הוא עובד רק על אלמנט

id="text1"

אני מסיק מזה שהקוד תקין.
השאלה למה שאני מריץ אותו יותר מפעם אחת הוא מפסיק לעבוד?
תודה רבה.

yyy

@chocolate אמר בשאלה ברספונסיביות בבוטסטראפ:

@yyy
תקרא קצת על flex-direction
https://www.w3schools.com/cssref/css3_pr_flex-direction.asp

תודה רבה, זה הפתרון שמצאתי

 <div class="container-fluid ">
        <div class="flex-column-reverse flex-lg-row row">
            <div class="col-12 col-lg-6  bg-success">
                <p>A </p>
            </div>
            <div class="col-12 col-lg-6 bg-danger">
                <p>B </p>
            </div>
        </div>
    </div>

yyy

נתון הקוד הבא

<div class="container-fluid ">
       <div class="row ">
           <div class="col-12 col-lg-6  bg-success">
               <p>A </p>
           </div>
           <div class="col-12 col-lg-6 bg-danger">
               <p>B </p>
           </div>
       </div>
   </div>

המייצר את התמונה הבאה (להלן תמונה א) החל מגודל lg
ואת התמונה הבאה בפחות מגודל lg
איך אני יכול לגרום ל-B לעלות מעל A, בפחות מגודל lg, מבלי להחליף בקוד את מיקום ה-DIV-ים, (שהרי אז, הדבר ישפיע על תמונה א).
תודה רבה למשיבים!

yyy

אחרי כיבוי והפעלת התוכנה זה הסתדר. תודה רבה על העזרה.

yyy

Creating schema DB

12:37:24 Restoring C:\northwindmysql\northwindmysql.sql
Running: mysql.exe --defaults-file="c:\users\xxx\appdata\local\temp\tmpn1hgjc.cnf"  --protocol=tcp --host=127.0.0.1 --user=root --port=3306 --default-character-set=utf8 --comments --database=db  < "C:\\northwindmysql\\northwindmysql.sql"
12:37:31 Import of C:\northwindmysql\northwindmysql.sql has finished

תחומים - פורום חרדי מקצועי

yyy

פוסטים