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

سؤال عن مشكلة في Thimes

بدأه ورق خسرانه في 9 مايو 2013 · 7 رد · 671 مشاهدة · في ASP.NET
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

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

اخواني الاعضاء والمشرفين .. عندي  template حملته من النت ..  وهذه التمبلت فيه اكثر من ثيم يتم تغير الثيمات عبر قائمة منسدلة وهذه هو  كود القائمة 

<!-- theme selector starts -->
				<div class="btn-group pull-right theme-container" >
					<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
						<i class="icon-tint"></i><span class="hidden-phone"> Change Theme / Skin</span>
						<span class="caret"></span>
					</a>
					<ul class="dropdown-menu" id="themes">
						<li><a data-value="classic" href="#"><i class="icon-blank"></i> Classic</a></li>
						<li><a data-value="cerulean" href="#"><i class="icon-blank"></i> Cerulean</a></li>
						<li><a data-value="cyborg" href="#"><i class="icon-blank"></i> Cyborg</a></li>
						<li><a data-value="redy" href="#"><i class="icon-blank"></i> Redy</a></li>
						<li><a data-value="journal" href="#"><i class="icon-blank"></i> Journal</a></li>
						<li><a data-value="simplex" href="#"><i class="icon-blank"></i> Simplex</a></li>
						<li><a data-value="slate" href="#"><i class="icon-blank"></i> Slate</a></li>
						<li><a data-value="spacelab" href="#"><i class="icon-blank"></i> Spacelab</a></li>
						<li><a data-value="united" href="#"><i class="icon-blank"></i> United</a></li>
					</ul>
				</div>
				<!-- theme selector ends -->

 

-----------------------

 ويتم تغير الثيمة من الهدر وهذه هو لينك  ملف Css  الذي يتم التبديل فيه 

<link id="bs-css" href="css/bootstrap-cerulean.css" rel="stylesheet">

 وعند اختيار اي ثيم  من القائمة يتم ارسال القيمة الى ملف Js   والدالة التالية الذي تقوم بالتدبيل وهذه هي الدالة 

//themes, change CSS with JS
	//default theme(CSS) is cerulean, change it if needed
	var current_theme = $.cookie('current_theme')==null ? 'cerulean' :$.cookie('current_theme');
	switch_theme(current_theme);
	
	$('#themes a[data-value="'+current_theme+'"]').find('i').addClass('icon-ok');
				 
	$('#themes a').click(function(e){
		e.preventDefault();
		current_theme=$(this).attr('data-value');
		$.cookie('current_theme',current_theme,{expires:365});
		switch_theme(current_theme);
		$('#themes i').removeClass('icon-ok');
		$(this).find('i').addClass('icon-ok');
	});
	
	
	function switch_theme(theme_name)
	{
		$('#bs-css').attr('href','css/bootstrap-'+theme_name+'.css');
	}

 

  المشكلة كتالية عندما  اقوم بتشغيل هذه التمبلت في صفحة Html  تشتغل وتيم تغير الثيمات من غير اي مشكلة .. لكن المشكلة اذا قمت  بنسخ الثيم الى  مستر بيج  يطلع لي خطاء عند هذه السطر 

<link id="bs-css" href="css/bootstrap-cerulean.css" rel="stylesheet">

    موش عارف ليش صفحات asp.net  لاتقبل هذه القيمة لماذا  id="bs-css"  لاني عندما اقوم بحذفها تشتغل الصفحة .. لكن اذا حذفتها .. لا استطيع ان اغير اي ثيم 

وياليت تعطوني حل يا اخواني الاعزاء 

  الملف بالمرفقات ياليت اي احد يشوف لي ايش المشكلة ولكم جزيل الشكر 

#2

المرفق غير موجود

ربما مشكلة المسار

#3

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

http://www.gulfup.com/?LZNHvI

#4
KARIMSOFT كتب:

المرفق غير موجود

ربما مشكلة المسار

 هذه رابط الملف رفعته على  موقع رفع بسبب حجمة 

http://www.gulfup.com/?LZNHvI

#5

UP

#6

1-update html line to

<link href="css/bootstrap-cerulean.css" rel="stylesheet" type="text/css" />

2-call the css functin in click butten

#7

 اخي العزيز  طيب اذا قمت فرضاُ بتغيير الينك كما قلت .. مع العلم انني وضحت انه عند تغيير الينك بطريقة الذي قلت لي عليها تشتغل الصفحة لكن لا تقوم بتغيير الثيم .. 

ثانياُ عندما اقوم بالاتصال بالدالة عبر البوتون .. كيف سيتم تغيير الثيم من الينك ؟ لان الينك هذه 

 

<link id="bs-css" href="css/bootstrap-cerulean.css" rel="stylesheet">

 
يستقبل برميتر من ملفات الجاكويري .. ولكن عندما يتم اضافة على صفحات asp.net لايشتغل .. ممكن تعدل لي على المثال الذي وضعته بالرابط واكون شاكر لك جهدك 
#8

UP

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