hesam_dj10

وارد کردن فایل جاوا اسکریپت در جوملا

15 پست در این موضوع

سلام

من دارم یه قالب میسازم و میخام که یه فایل جاوا اسکریت هم به اون اضافه کنم

برای وارد کردن فایل css اینه

<link rel="stylesheet" href="<?php echo $this->baseurl ;?>/templates/<?php echo $this->template ;?>/css/default.css" type="text/css" />

اما نمیدونم که برای وارد کردن فایل جاوا اسکریپت باید چه کدی بنویسم ؟

لطفا راهنمایی کنید؟

Share this post


Link to post
Share on other sites
آموزش ووکامرس قالب جوملا قالب وردپرس قالب رایگان وردپرس قالب رایگان جوملا هاست نامحدود هاست جوملا هاست لاراول هاست وردپرس هاست ارزان هاست ربات تلگرام خرید دامنه آموزش ساخت ربات تلگرام با php آموزش html و css آموزش لاراول آموزش cPanel آموزش php آموزش سئو وردپرس آموزش امنیت وردپرس آموزش وردپرس آموزش فرم ساز RSform آموزش سئو جوملا آموزش فروشگاه ساز Hikashop آموزش فروشگاه ساز ویرچومارت آموزش طراحی سایت آگهی تبلیغاتی آموزش امنیت جوملا آموزش طراحی سایت فروش فایل آموزش طراحی قالب ریسپانسیو با Helix آموزش جوملا 3 آموزش ساخت ربات دکمه ی شیشه ای آموزش ساخت ربات همکاری در فروش آموزش ساخت ربات جذب ممبر آموزش ساخت ربات ضد اسپم آموزش ساخت ربات پیوست فایل سورس ربات مدیر گروه | ربات مدیر گروه همسریابی

سلام

اول داخل هدر توسط همچین کدی فایل جاوا اسکریپ رو فراخوانی کن:

<script src="address javascrip file" type="text/javascript"></script>

بعدش اسکریپ رو هر جا دوست داشتی با این فرمت بنویس مثلا اسکریپ زیر رو ببین:

 <script type="text/javascript">
window.addEvent('load', function() {
			new JCaption('img.caption');
		});
function keepAlive() {	var myAjax = new Request({method: "get", url: "index.php"}).send();} window.addEvent("domready", function(){ keepAlive.periodical(840000); });
	window.addEvent('domready', function() {

		SqueezeBox.initialize({});
		SqueezeBox.assign($$('a.modal'), {
			parse: 'rel'
		});
	});
 </script>

Share this post


Link to post
Share on other sites

البته برا جوملا فایل جاوا اسکریپ رو داخل فایل index.php قالبت فراخوانی کن و بعد دیگه میتونی جاوا اسکریپ رو هر جا دوست داشتی استفاده کنی.

موفق باشی:65d6a5d6s:

Share this post


Link to post
Share on other sites

البته من میخوام از jquery استفاده کنم

نمیدونم که چه جوری فایلشو فراخونی کنم که قالب هم بشناسش

انو چه جوری وارد قالب کنم؟

من یه همچین کدی بالای index.php نوشتم

<link href="<?php echo $this->baseurl ;?>/templates/<?php echo $this->template ;?>/Jquery/jquery-1.7.1.min.js" type="text/javascript" />

بعد پایینش یه همچین کدی نوشتم

<script type="text/javascript" src="Jquery/jquery-1.7.1.min.js"></script>

<script type="text/javascript">

$(document).ready(function(){

$("div").click(function(){

$(this).hide();

});

});

</script>

ولی جواب نمیده

مشکلش کجاست؟

ویرایش شده در توسط hesam_dj10

Share this post


Link to post
Share on other sites

ببین دوست عزیز شما باید فایل jquery رو دانلود کنین و داخل یه فولدر در قالبتون قرار بدین و داخل کد:

Jquery/jquery-1.7.1.min.js

آدرسو بهش بدی و اینکه فقط یه بار فرخوانیش کن ، داخل کدهای بالا دوبار فراخوانی شده، کدها تو منظم بزار اینجا تا برات درستش کنم.

Share this post


Link to post
Share on other sites
داخل پست 2 همین صفحه توضیح دادم لطفا دقت کنید

دوست عزیز جواب نمیده

من ادرس فایل جی کوئری رو بهش میگم و کد رو مینویسم ولی جواب نمیده

کدی که نوشتم

<script type="text/javascript" src="Jquery/jquery-1.7.1.min.js"></script>

<script type="text/javascript">

$(document).ready(function(){

$("div").click(function(){

$(this).hide();

});

});

</script>

اینو داخل head نوشتم ولی جواب نمیده

"دقیقا همونی که شما گفتید"

Share this post


Link to post
Share on other sites

<?php  
// no direct access 
defined( '_JEXEC' ) or die( 'Restricted access' );?>
<!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="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<jdoc:include type="head" /> 
<link rel="stylesheet" href="<?php echo $this->baseurl ;?>/templates/system/css/system.css" type="text/css" /> 
<link rel="stylesheet" href="<?php echo $this->baseurl ;?>/templates/system/css/general.css" type="text/css" /> 
<link rel="stylesheet" href="<?php echo $this->baseurl ;?>/templates/<?php echo $this->template ;?>/css/default.css" type="text/css" /> 





<script type="text/javascript" src="Jquery/jquery-1.7.1.min.js"></script>
<script type="text/javascript">



$(document).ready(function(){

$("div").click(function(){
$(this).hide();
});

});

</script>









</head>

این کد رو نوشتم ولی وقتی رو div ها کلیک میکنم ناپدید نمیشن

ویرایش شده در توسط hesam_dj10

Share this post


Link to post
Share on other sites

دوست عزیز صفحه سایتتو باز کن و بعدش از داخل مرورگرت view source بزن و... اگر امکانش هست آدرس سایتتو بده

یه کار دیگه هم انجام بده و اون اینه که این خط

<script type="text/javascript" src="Jquery/jquery-1.7.1.min.js"></script>

درس کار نمیکنه، آدرس فایل جی کوئری رو درس بده که فک کنم اینجوری باشه:

"../Jquery/jquery-1.7.1.min.js"

مطمئن شو که این مسیر درسته اگر بازم کار نکرد از آدرس سایتت تا فایل جی کوئری رو لینک بزار اینجوری:

address site/templates/name your temple/Jquery/jquery-1.7.1.min.js

نتیجه رو هم بگو

ویرایش شده در توسط Amin.Manager

Share this post


Link to post
Share on other sites

دوست جون من توی لوکال کار میکنم

بعدشم این کارایی که گفتی کردم ولی نشد؟؟

یه جی کوئری سادس ها ولی نمیدونم چرا نمیشه؟

البته با جاوا اسکریپت میشه کار کرد و جواب میده ولی با جی کوئری نمیشه

کمک!!

Share this post


Link to post
Share on other sites

احتمالا جی کوئری دیگه ای تو قالب شما لود میشه که تداخل ایجاد میکنه .. اگه سورس صفحه خودتون رو بگیرید متوجه میشید که اتفاقاتی میوفته و چه فایلهایی داره لود میشه

کلیک راست-> view source

Share this post


Link to post
Share on other sites

ببخشید من یه سوال دارم . این فایل با پسوند js که در یک فولدر می گذاریم و فراخوانی می کنیم . همون کد جی کوئریمون هست یا یک فایل خاص جاوا هست برای استفاده از جی کوئری که بعدش ما کد جی کوئریمون رو هر جا خواستیم فراخوانی می کنیم؟

امیدوارم تونسته باشم منظورمو رو ربرسونم . ممنون میشم جواب بدین دوستان

Share this post


Link to post
Share on other sites
ببخشید من یه سوال دارم . این فایل با پسوند js که در یک فولدر می گذاریم و فراخوانی می کنیم . همون کد جی کوئریمون هست یا یک فایل خاص جاوا هست برای استفاده از جی کوئری که بعدش ما کد جی کوئریمون رو هر جا خواستیم فراخوانی می کنیم؟

امیدوارم تونسته باشم منظورمو رو ربرسونم . ممنون میشم جواب بدین دوستان

فایلهای با پسوند js مربوط میشه به زبان اسکریپت نویسی جاوا اسکریپت و جی کوئری .

اینکه هر فایل Js که در صفحه وارد میکنید همان Jquery می باشد اشتباه است .

فایلهایی با پسوند Js می تواند هر نوع پلاگین یا دستورات مختلفی باشد که بستگی به اون کدهای داخل اون صفحه دارد .

برای مثال فایلی Jquery.min.js با فایل bootstrap.js درسته پسوند آنها Js می باشد اما دستورات داخل آنها با هم فرق داره و هر کدوم وظیفه خاصی را دارد .

برای اینکه فایلهایی که با استفاده از دستورات جی کوئری ایجاد می شوند درون صفحه به درستی کار کنند باید فایل Jquery را از سایت Jquery.com دانلود و در قالب خودتان فراخوانی کنید . حتما و حتما باید این فایل قبل از فایل Js مورد نظرتون فراخوانی بشود .

برای اینکه تفاوت جاوا اسکریپت و جی کوئری هم بدونید بهتر هستش در داخل اینترنت حتی به فارسی سرچ کنید تا مقالات مختلفی نمایش داده شود .

برای پاسخ به سوال اول در زمینه وارد کردن فایل Js به قالب یکی از ساده ترین دستورات ممکنه را بهتون میگیم .

در بالای صفحه در داخل تگ php دستورات زیر را وارد می کنیم :

$doc = JFactory::getDocument(); 
$tpath = $this->baseurl.'/templates/'.$this->template;

حالا برای وارد کردن فایل js کافی هستش که بدین صورت عمل کنیم :

$doc->addScript($tpath.'/js/jquery.min.js');

این دستور PHP هر کجای صفحه که نیاز داشتید وارد کنید

Share this post


Link to post
Share on other sites

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری