الفريق العربي للبرمجةأرشيف المنتديات · 2000 – 2023
نسخة أرشيفية للقراءة فقط — التسجيل والمشاركة مغلقان، والمحتوى محفوظ كما كان.

(مساعدة)التحكم بالـ form عن طريق الـJavaScript

بدأه دبلوم برمجة في 15 ديسمبر 2010 · 7 رد · 1,037 مشاهدة · في قسم البرمجة بــ Javascript
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله وبركاته

اولا احب اشكر كل القائمين على هذا المنتدى الرائع صراحة شيء جميل جدا

ندخل في الموضوع ، حقيقة حاب اعمل صفحة تعليقات باستخدام لغة الـhtml والـjavascript وذلك عن طريق الـform او اي شيء اخر فقط من خلال هاتين اللغتين او من خلال الـjavascript فقط

بحيث تقوم بادخال اسمك وايميلك وتعليقك ، ومن ثم يضهر التعليق مع اسم المستخدم وايميله اعلى مكان ادخال التعليق والاسم والايميل في نفس الصفحة. يعني "صفحة تعليقات" !

سؤال ثاني كيف اقدر اعمل امر javascript وانفذة في اكثر من صفحة html

مثلا

عملت الكود هذا في الـhead

<script>
       var name;
       name=window.prompt("اسمك","لطفاً أدخل اسمك");
     </script>

ثم قمت بطباعة المتغير name داخل الـbody

<script>
                 document.writeln(" أهلاً بك يا " + name);
                 </script>

واريد انفذ النتيجة هذه على اكثر من صفحة بحيث تضهر النتيجة (أهلا بك يا name) في اكثر من صفحة

انا مبرمج جديد جدا واتمنى استفيد من خبرتكم وافيد اذا امكن واتمنى ايضا اكون عضو فعال في منتداكم الرائع

وشكرا لكم مقدما واللي يعرف الجواب لا يفوّت الخمس نقاط والدعوة الصالحة باذن الله

تم تعديل هذه المشاركة بواسطة دبلوم برمجة في 15 ديسمبر 2010 في 20:02

#2

بالنسبة لسؤالك الأول الإخوان ماراح يقصروا معاك .. لأني حقيقة ليست لدي خلفية جيدة في الجافا سكربت!

السؤال الثاني : تستطيع من خلال session object ، على حسب اللغة التي تبرمج بها، مثلا بالـ jsp تستطيع الوصول من خلال :

لإسناد المتغير إلى الـ session

<% session.setAttribute(name, "name"); %>

للوصول إليه في الصفحة الأخرى :

<% session.getAttribute("name"); %>

أرجو أن يفيدك ذلك ..

عفواً أحبتي انقطاعي بسبب الدراسة دعواتكم بالتوفيق..

{ لا ينال العلم مستحٍ ولا مستكبر }

#3

وعليكم السلام ورحمة الله وبركاته

بالنسبة لسؤالك الأول

فإن فكرة التعليقات تحتاج إلى قاعدة بيانات أو ملف أو أي وسيلة تخرين لكي تبقى التعليقات معروضة في الصفحة بشكل دائم

أما بواسطة الـ HTML + Javascript يمكنك عمل تابع يقوم بسحب قيم الـ Form و عرضها داخل Div كهذا مثلاً :

<html>
<head>
<script Type="text/javascript">
function comments() {
var com = document.getElementById('name').value;
com += "<br>"+document.getElementById('email').value;
com += "<br>"+document.getElementById('comment').value;

document.getElementById('con').innerHTML += "<br><hr>" + com;

}
</script>
</head>
<body>
Name : <input type="text" id="name" name="name"><br>
Email : <input type="text" id="email" name="email"><br>
Comment : <textarea id="comment"></textarea><br>
<input type="button" value="Send" onClick="comments()">
<div id="con">
</div>
</body>
</html>

ملاحظة :

في بعض المتصفحات الـ attribute التي تعبر عن قيمة textarea هي innerHTML

لذلك يمكنك تجربة الكود التالي و إن لم يظهر محتوى الـ textarea عند ارسال التعليق فقط استبدل كلمة value بكلمة innerHTML في هذا السطر فقط :

com += "<br>"+document.getElementById('comment').value;

أي عليك استبدال السطر السابق بهذا :

com += "<br>"+document.getElementById('comment').innerHTML;

أما بالنسبة لطلبك الثاني

فيمكنك وضع الكود الذي تريد تنفيذه في أكثر من صفحة في ملف بلاحقة .js

وتقوم بتضمين الملف في الملفات التي تريد تنفيذ الكود فيها هكذا مثلا :

<html>
<head>
<script src="test.js" type="text/javascript"></script>
</head>
..........

بتوفيق الله..

تم تعديل هذه المشاركة بواسطة MoHaMMaD Pro في 15 ديسمبر 2010 في 21:58

Everything will be fine when we TALK LESS, DO MORE


#4

الله يعطيكم العافية

اخوي محمد الكود تمام التمام ماشاء الله عليك هذا هو المطلوب وجزاك الله خير هذا بالنسبة للكود الاول اما الكود الثاني مهو واضح اذا ممكن توضح اكثر اخوي

جافا بروقرامار حقيقة ماعرفت شلون اركب الكود ممكن توضيح اكثر يعطيك العافية وماقصرت

#5

لا بأس...

الفكرة هي كالتالي فالنفرض أن التابع الذي قمنا بإنشائه قبل قليل نريد استخدامه في العديد من الصفحات

عندها سنقوم بإنشاء ملف جديد وليكن اسمه test.js

ويكون محتوى هذا الملف كالتالي :

function comments() {
var com = document.getElementById('name').value;
com += "<br>"+document.getElementById('email').value;
com += "<br>"+document.getElementById('comment').value;

document.getElementById('con').innerHTML += "<br><hr>" + com;

}

فنقوم بتضمين الملف test.js في جميع الصفحات التي نريد أن ينفذ فيها هذا الكود

كالتالي :

<html>
<head>
<script src="test.js" type="text/javascript"></script>
</head>
<body>
Name : <input type="text" id="name" name="name"><br>
Email : <input type="text" id="email" name="email"><br>
Comment : <textarea id="comment"></textarea><br>
<input type="button" value="Send" onClick="comments()">
<div id="con">
</div>
</body>
</html>

طبعا هذا مجرد مثال للتوضيح لا أكثر أي كود تريد تنفيذه على أكثر من صفحة يمكنك وضعه في ملف بلاحقة js

و تضمين هذا الملف في الصفحات و استخدام محتواه مباشرة

إن كان هناك نقاط غير واضحة أخبرنا بذلك

Everything will be fine when we TALK LESS, DO MORE


#6

الله يعطيك العافية معلومة مفيدة جدا

انا باختصار اريد اخذ معلومة من الزائر (وهي اسمه) واعرضها على اكثر من صفحة ، لكن من غير مايضطر لتسجيل اسمه في كل صفحة يدخلها فقط الصفحة الرئيسية ومن ثم لما ينتقل لباقي الصفحات يجد اسمه فيها كلها

يعني لو تاملت الكود 

<script> 
       var name; 
       name=window.prompt("اسمك","لطفاً أدخل اسمك"); 
     </script>

الان انا حصلت على اسم الزائر وخصصت مكان للاسم في الصفحة اللي دخل لها من خلال هذا الكود

<script> 
                 document.writeln(" أهلاً بك يا " + name); 
                 </script>

ااريد النتيجة تظهر في باقي الصفحات من غير ماتظهر له رسالة "ادخل اسمك" في كل صفحة !

هذا وشكرا لك وعسا الله يزيدك من فضله

#7

مشكلتك حلها عن طريق cookies

راجع هذه رابط فيه الجواب على سؤالك http://www.w3schools.com/JS/js_cookies.asp

#8

عفواً لم انتبه إلى الطلب بشكل جيد ظننت أنك تريد تنفيذ كود معين في أكثر من صفحة

على كل حال ما تفضل به الأخ أحمد و الأخ JavaProgrammer هو الحل المناسب في حالتك

بالتوفيق

تم تعديل هذه المشاركة بواسطة MoHaMMaD Pro في 17 ديسمبر 2010 في 01:09

Everything will be fine when we TALK LESS, DO MORE


مواضيع مشابهة