تسجيل الدخول

مشاهدة النسخة كاملة : طلب مساعدة javascript

اميرة الجلفة17
2018-02-11, 12:31
السلام عليكم
:sdf:اريد مساعدة كيف يمكنني تغيير صورة بواسطة نقرة حيث كلما انقر تتغير الصورة...
:sdf:
مُحمد رازي
2018-02-11, 20:15
و عليكم السلام و رحمة الله
لست متمكنا بما فيه الكفاية باستعمال لغة الجافا فلا أملك فكرة محددة يمكنني إفادتك بها
ثم أعتقد بأن سؤالك ليس واضح و يحتاج لمزيد من التبسيط لعلّه يفيدك بعدها أحد الأخوة
فكيف سيكون هذا العمل الذي أنت بصدد القيام به ؟ عبر برنامج أم عبر صفحة على النت أم كيف ؟
و هل هذا العمل يعتبر كمعرض للصور تظهر في البداية صورة كمثال و بمجرد الضغط عليها يتم الانتقال لصورة أخرى
فالأمر هنا أعتقد يحتاج لاستعمال أكواد الجافا التي تقوم بهذا الدور و ممكن ربطها أيضا بزر
كمثال أزرار : السابق و التالي
مُـ‘ـُنُـ‘ـُـعُـ‘ـُمُـ‘ـُ
2018-02-11, 20:55
و عليكم السلام و رحمة الله
لست متمكنا بما فيه الكفاية باستعمال لغة الجافا فلا أملك فكرة محددة يمكنني إفادتك بها
ثم أعتقد بأن سؤالك ليس واضح و يحتاج لمزيد من التبسيط لعلّه يفيدك بعدها أحد الأخوة
فكيف سيكون هذا العمل الذي أنت بصدد القيام به ؟ عبر برنامج أم عبر صفحة على النت أم كيف ؟
و هل هذا العمل يعتبر كمعرض للصور تظهر في البداية صورة كمثال و بمجرد الضغط عليها يتم الانتقال لصورة أخرى
فالأمر هنا أعتقد يحتاج لاستعمال أكواد الجافا التي تقوم بهذا الدور و ممكن ربطها أيضا بزر
كمثال أزرار : السابق و التالي
الاخت تتكلم عن javascript و ليس java
هناك فرق شاسع بينهم

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

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

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


<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 تستعمل في مجال الويب

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

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


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


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

لم تنجح:o:o:o
مُـ‘ـُنُـ‘ـُـعُـ‘ـُمُـ‘ـُ
2018-02-11, 23:54
لم تنجح:o:o:o
اعرف انك لم تغييري شيء في الكود :o ، انا فقط اعطيتك الفكرة التي منها يمكنك ان تبرمجي بنفسك ، (هذي حاجة ساهلة فالجافاسكربت)
سؤال ؟ هل تعرفين البرمجة بالجافاسكربت ، ام انت تريد الكود جاهز فقط
سامحيني مي والله معندي الوقت ، كون جيت قاعد اني عدلتهولك
مُـ‘ـُنُـ‘ـُـعُـ‘ـُمُـ‘ـُ
2018-02-12, 00:26
هاك ، لقد اصبح يعمل
انه كود بسيط ، اسف لا املك الوقت لأكتب كود افضل
فقط عدلي عليه


<!DOCTYPE html>
<html>
<body>

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


<script>
function changeImage() {

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

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

</script>
</body>
</html>
اميرة الجلفة17
2018-02-12, 19:43
هاك ، لقد اصبح يعمل
انه كود بسيط ، اسف لا املك الوقت لأكتب كود افضل
فقط عدلي عليه


<!DOCTYPE html>
<html>
<body>

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


<script>
function changeImage() {

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

document.getElementById("imgClickAndChange").src = "https://d.top4top.net/p_734zg2hz1.jpeg";
}
else
{
document.getElementById("imgClickAndChange").src = "https://e.top4top.net/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
المصدر :
http://www.paulgriffiths.net/program/javascript/otherbasic1.php
aot
2018-03-15, 19:47
السلا معليكم
هذا هو الحل البسيط
https://codepen.io/sht/pen/MwVYdN?q=change+image+by+click&limit=all&type=type-pens