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

تعديل على كود js اخفاء واظهار adiv و bdiv بواسطة onmousedown

بدأه khalid_1405 في 9 نوفمبر 2010 · 4 رد · 586 مشاهدة · في قسم البرمجة بــ Javascript
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

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

إن شاء الله بألف خير

عندي كود حاولت التعديل عليه لكن لم أفلح

هناك adiv وهو مباشرة تحت bdiv.أريد عند القيام بonmousedown يقوم باخفاء bdiv (حاولت فعل ذلك عبر function hide لكن لم تعمل)وفي نفس الوقت يقوم باظهار adiv الذي يكون مخفي من قبل(تمكنت من فعل هذا الحمد لله)وأريد أيضا إضافة على الكود بحيث يتم ضغط adiv وذلك إما في نفس الوقت أي في onmousedown أو في لحظة onmouseup المهم هو أن يتم ذلك في ضغطة واحدة للماوس.

أرجو أن يكون السؤال مفهوم ولأي استفسار انا متابع للموضوع إن شاء الله

هذا هو الكــــــــــــــــــــــود :

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>test</title>

</head>

<body>

<script type="text/javascript">

function hide() {

document.getElementById("bdiv").style.visibility = "hidden";

}

</script>

<script>

function tog(obj)

{

obj = document.getElementById(obj).style;

if(obj.display=='none')

obj.display='block';

else

obj.display='none';

}

</script>

<div id="bdiv" style="position:absolute; visibility: visible; left:258px; top:134px; width:55px; height:17px; z-index:2" onmousedown="tog('adiv')">taille reel</div>

<div id="adiv" style="position:absolute; display:none; left:249px; top:133px; width:71px; height:19px; z-index:1" onmousedown="hide('bdiv')"><a href="www.google.com" target="_blank">google.com</a></div>

</body>

</html>

#2

يا اخى انت تقصد قسم الجافا سكربت JavaScript

وليس جافا


﴿وَمَا كَانَ اللَّهُ لِيُعَذِّبَهُمْ وَأَنْتَ فِيهِمْ ۚ وَمَا كَانَ اللَّهُ مُعَذِّبَهُمْ وَهُمْ يَسْتَغْفِرُونَ﴾

الأنفال ۳۳                                  
 

#3
Oracle_Java كتب:

يا اخى انت تقصد قسم الجافا سكربت JavaScript

وليس جافا

شكرا اخي على التنبيه وأعتذر على التسرع في وضع السؤال

#4

هذان مثالان أرجو ان يساعدا على ايجاد الحل

اما الاول فيقوم بإخفاء div خلال mousedown

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

<title></title>

<script language="JavaScript" type="text/javascript">

/*<![CDATA[*/

document.onmousedown=function(event){ MseDown(event) };

function MseDown(){

var zxcevt=window.event||arguments.callee.caller.argum ents[0];

var zxcobj=arguments[0]?arguments[0].target:event.srcElement;

if (zxcobj.id&&zxcobj.id=='j_sel') document.getElementById('j_sel').style.visibility= 'hidden';

}

/*]]>*/

</script>

</head>

<body>

<div id='j_sel' style="width:50px;height:50px;background-Color:red;" ></div>

</body>

</html>

وأما الثاني فيقوم باظهار div ثم اخفاؤه عند ضغط على div آخر وذلك خلال mousedown أيضا

<html>

<head>

<script type="text/javascript">

/** Fonction basculant la visibilité d'un élément dom

* @parameter anId string l'identificateur de la cible à montrer, cacher

*/

function toggle(anId)

{

node = document.getElementById(anId);

if (node.style.visibility=="hidden")

{

// Contenu caché, le montrer

node.style.visibility = "visible";

node.style.height = "auto"; // Optionnel rétablir la hauteur

}

else

{

// Contenu visible, le cacher

node.style.visibility = "hidden";

node.style.height = "0"; // Optionnel libérer l'espace

}

}

</script>

</head>

<body>

<h1>Titre </h1>

<p>Contenu précédant </p>

<a href="#" onmousedown = "toggle('foo')">Cliquer pour basculer l'état du div suivant</a>

<!-- L'identificateur id du div doit être unique. Içi, "foo" ou "bar" ou autre, mais unique dans le document-->

<div id="foo">Ce contenu est visible ou non selon le cas</div>

<p>Contenu suivant </p>

</body>

</html>

(بالنسبة للمثال الثاني فهذه طريقة أخرى غير التي أوردت في أول مشاركة)

فمن يجمع بين هذه الامثلة ويضيف عليها ليخرج بالمطلوب وجزاكم الله ألف خير

#5

الحمد لله رب العالمين

تمكنت بفضل الله من ايجاد الحل

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

عدد الزوار حالياً

المتواجدون خلال آخر دقيقتين · يتحدّث كل ٣٠ ثانية

—الإجمالي—أعضاء مسجّلون—زوار بدون تسجيل

جارٍ التحقق من المتواجدين…