طلب مساعدة javascript

اميرة الجلفة17 · 2018-02-11, 12:31

السلام عليكم
اريد مساعدة كيف يمكنني تغيير صورة بواسطة نقرة حيث كلما انقر تتغير الصورة...

مُحمد رازي · 2018-02-11, 20:15

و عليكم السلام و رحمة الله
لست متمكنا بما فيه الكفاية باستعمال لغة الجافا فلا أملك فكرة محددة يمكنني إفادتك بها
ثم أعتقد بأن سؤالك ليس واضح و يحتاج لمزيد من التبسيط لعلّه يفيدك بعدها أحد الأخوة
فكيف سيكون هذا العمل الذي أنت بصدد القيام به ؟ عبر برنامج أم عبر صفحة على النت أم كيف ؟
و هل هذا العمل يعتبر كمعرض للصور تظهر في البداية صورة كمثال و بمجرد الضغط عليها يتم الانتقال لصورة أخرى
فالأمر هنا أعتقد يحتاج لاستعمال أكواد الجافا التي تقوم بهذا الدور و ممكن ربطها أيضا بزر
كمثال أزرار : السابق و التالي

مُـ‘ـُنُـ‘ـُـعُـ‘ـُمُـ‘ـُ · 2018-02-11, 20:55

اقتباس:

المشاركة الأصلية كتبت بواسطة ع¤ولدن تاي

و عليكم السلام و رحمة الله
لست متمكنا بما فيه الكفاية باستعمال لغة الجافا فلا أملك فكرة محددة يمكنني إفادتك بها
ثم أعتقد بأن سؤالك ليس واضح و يحتاج لمزيد من التبسيط لعلّه يفيدك بعدها أحد الأخوة
فكيف سيكون هذا العمل الذي أنت بصدد القيام به ؟ عبر برنامج أم عبر صفحة على النت أم كيف ؟
و هل هذا العمل يعتبر كمعرض للصور تظهر في البداية صورة كمثال و بمجرد الضغط عليها يتم الانتقال لصورة أخرى
فالأمر هنا أعتقد يحتاج لاستعمال أكواد الجافا التي تقوم بهذا الدور و ممكن ربطها أيضا بزر
كمثال أزرار : السابق و التالي

الاخت تتكلم عن javascript و ليس java
هناك فرق شاسع بينهم

javascript تستعمل في مجال الويب

شوفي هذا الكود :

كود بلغة HTML:

<p>
        <img alt="" src="https://www.userinterfaceicons.com/80x80/minimize.png" 
            style="height: 85px; width: 198px" id="imgClickAndChange" onclick="changeImage()"  />
</p>

كود بلغة HTML:

<script ********="javascript">
    function changeImage() {

        if (document.getElementById("imgClickAndChange").src == "https://www.userinterfaceicons.com/80x80/minimize.png") 
        {
            document.getElementById("imgClickAndChange").src = "https://www.userinterfaceicons.com/80x80/maximize.png";
        }
        else 
        {
            document.getElementById("imgClickAndChange").src = "https://www.userinterfaceicons.com/80x80/minimize.png";
        }
    }
</script>

انا اعطيتك الفكرة فقط ، و انت برمجي على حسب ماتريدين

اميرة الجلفة17 · 2018-02-11, 21:51

اقتباس:

المشاركة الأصلية كتبت بواسطة ڤولدن تاي

و عليكم السلام و رحمة الله
لست متمكنا بما فيه الكفاية باستعمال لغة الجافا فلا أملك فكرة محددة يمكنني إفادتك بها
ثم أعتقد بأن سؤالك ليس واضح و يحتاج لمزيد من التبسيط لعلّه يفيدك بعدها أحد الأخوة
فكيف سيكون هذا العمل الذي أنت بصدد القيام به ؟ عبر برنامج أم عبر صفحة على النت أم كيف ؟
و هل هذا العمل يعتبر كمعرض للصور تظهر في البداية صورة كمثال و بمجرد الضغط عليها يتم الانتقال لصورة أخرى
فالأمر هنا أعتقد يحتاج لاستعمال أكواد الجافا التي تقوم بهذا الدور و ممكن ربطها أيضا بزر
كمثال أزرار : السابق و التالي

javascript يستعمل في تصميم المواقع

اميرة الجلفة17 · 2018-02-11, 21:52

اقتباس:

المشاركة الأصلية كتبت بواسطة مُـ‘ـُنُـ‘ـُـعُـ‘ـُمُـ‘ـُ

الاخت تتكلم عن javascript و ليس java
هناك فرق شاسع بينهم

javascript تستعمل في مجال الويب

شوفي هذا الكود :

كود بلغة HTML:

<p>
        <img alt="" src="https://www.userinterfaceicons.com/80x80/minimize.png" 
            style="height: 85px; width: 198px" id="imgClickAndChange" onclick="changeImage()"  />
</p>

كود بلغة HTML:

<script ********="javascript">
    function changeImage() {

        if (document.getElementById("imgClickAndChange").src == "https://www.userinterfaceicons.com/80x80/minimize.png") 
        {
            document.getElementById("imgClickAndChange").src = "https://www.userinterfaceicons.com/80x80/maximize.png";
        }
        else 
        {
            document.getElementById("imgClickAndChange").src = "https://www.userinterfaceicons.com/80x80/minimize.png";
        }
    }
</script>

انا اعطيتك الفكرة فقط ، و انت برمجي على حسب ماتريدين

لم تنجح

مُـ‘ـُنُـ‘ـُـعُـ‘ـُمُـ‘ـُ · 2018-02-11, 23:54

اقتباس:

المشاركة الأصلية كتبت بواسطة اميرة الجلفة17

لم تنجح

اعرف انك لم تغييري شيء في الكود

، انا فقط اعطيتك الفكرة التي منها يمكنك ان تبرمجي بنفسك ، (هذي حاجة ساهلة فالجافاسكربت)
سؤال ؟ هل تعرفين البرمجة بالجافاسكربت ، ام انت تريد الكود جاهز فقط
سامحيني مي والله معندي الوقت ، كون جيت قاعد اني عدلتهولك

مُـ‘ـُنُـ‘ـُـعُـ‘ـُمُـ‘ـُ · 2018-02-12, 00:26

هاك ، لقد اصبح يعمل
انه كود بسيط ، اسف لا املك الوقت لأكتب كود افضل
فقط عدلي عليه

كود بلغة HTML:

<!DOCTYPE html>
<html>
<body>

<p>
        <img alt="" src="https://e./p_734picre1.jpeg" 
            style="height: 200px; width: 300px" id="imgClickAndChange" onclick="changeImage()"  />
</p>


<script>
    function changeImage() {

if (document.getElementById("imgClickAndChange").src == "https://e./p_734picre1.jpeg"){ 

           document.getElementById("imgClickAndChange").src = "https://d./p_734zg2hz1.jpeg";
        }
         else 
        {
            document.getElementById("imgClickAndChange").src = "https://e./p_734picre1.jpeg";
        }
     }

</script>
</body>
</html>

اميرة الجلفة17 · 2018-02-12, 19:43

اقتباس:

المشاركة الأصلية كتبت بواسطة مُـ‘ـُنُـ‘ـُـعُـ‘ـُمُـ‘ـُ

هاك ، لقد اصبح يعمل
انه كود بسيط ، اسف لا املك الوقت لأكتب كود افضل
فقط عدلي عليه

كود بلغة HTML:

<!DOCTYPE html>
<html>
<body>

<p>
        <img alt="" src="https://e./p_734picre1.jpeg" 
            style="height: 200px; width: 300px" id="imgClickAndChange" onclick="changeImage()"  />
</p>


<script>
    function changeImage() {

if (document.getElementById("imgClickAndChange").src == "https://e./p_734picre1.jpeg"){ 

           document.getElementById("imgClickAndChange").src = "https://d./p_734zg2hz1.jpeg";
        }
         else 
        {
            document.getElementById("imgClickAndChange").src = "https://e./p_734picre1.jpeg";
        }
     }

</script>
</body>
</html>

شكرااا تعبتك ...انا مبتدئة ف javascript
درت نفس الكود غيرت فsource مانجحتش
حبيت نسقسيك على alt=""
لواش نديروها

مُـ‘ـُنُـ‘ـُـعُـ‘ـُمُـ‘ـُ · 2018-02-12, 21:03

الكود يمشي عادي ، ربما المشكل عندك
انسخي الكود كما هو و جربيه في هذا الموقع : https://htmledit.squarefree.com/

alt يمكنك ان تحذفيها

اميرة الجلفة17 · 2018-02-13, 21:23

شكراا جزيلا

abdou_7 · 2018-02-14, 13:19

alt تعمل في حالة عدم ظهور الصورة .. لأي إشكال كان ..

يظهر مكانها هذا العنوان .. و أيضا جيدة من أجل الآرشفة

khaldioussama · 2018-02-18, 00:29

كود:

var newsrc = "mars.jpg";

function changeImage() {
  if ( newsrc == "mars.jpg" ) {
    document.images["pic"].src = "/images/program/js/forms/mars.jpg";
    document.images["pic"].alt = "Mars";
    newsrc  = "earth.jpg";
  }
  else {
    document.images["pic"].src = "/images/program/js/forms/earth.jpg";
    document.images["pic"].alt = "Earth";
    newsrc  = "mars.jpg";
  }
}

قومي بتغيير روابط الصور فقط و التي هي mars.jpg و earth.jpg
المصدر :
https://www.paulgriffiths.net/program...therbasic1.php

aot · 2018-03-15, 19:47

السلا معليكم
هذا هو الحل البسيط
https://codepen.io/sht/pen/MwVYdN?q=...type=type-pens