بررسی نوع فایل با جاوا اسکریپت

می خوام کدی جاوا اسکریپتی  رو بذارم که در فرم آپلود فایل نوع فایل ما را مشخص می کند و در صورتی که مثلا فایل ما از نوع  jpg نباشد به ما پیام اخطار می دهد. این روش به ما کمک می کند که مثل مطلب قبلی فایل ما برای سرور ارسال نشود تا معتبر بودن اون مشخص شود همون لحظه که روی دکمه ی send کلیک می کنیم بدون ارسال فرم پیام میده که عکس شما باید با فرمت jpg باشد. یا آن فرمت مشخص شده باشد.

<html>
<head>
<title>type upload</title>
<script type="text/javascript" language="JavaScript">
function check() {
  var ext = document.f.pic.value;
  ext = ext.substring(ext.length-3,ext.length);
  ext = ext.toLowerCase();
  if(ext != 'jpg') {
    alert(   ext+' عکس شما باید با فرمت جی پی جی باشد ولی '+'شما انتخاب کردید یک فایل');
    return false; }
  else
    return true; }
</script>
</head>
<form method="post" name=f
enctype="multipart/form-data" onsubmit="return check();" action="">
<br>
<input type="file" name="pic" size="40" accept="image/jpeg"><br>
<input type="submit" value="Send">
</form>
</body>
</html>

توضیحات در ادامه ی مطلب

ادامه مطلب ...

ایجاد لینک روی قسمتی از تصویر با فتوشاپ

می خوام طریقه ی گذاشتن لینک روی قسمتی از تصویر رو براتون بگم . 

اول این عکس قالب منو را اینجا دانلود کنید. 

دیروز یکی از بچه ها این عکس رو بهم داد و می خواست روی مثلا دکمه ی home و About یه لینک باشه به طوری که وقتی ماوس رو روی این قسمت قرار میده کرسر ماوس به شکل دست در بیاد و وقتی در بقیه ی قسمت ها اطراف این دکمه که جز عکس هم هست دست نیاد و لینک نباشه. اگه بعضی از نقشه ها در سایت ها رو دیده باشید همینطوره . یه عکس هست از مثلا ایران که وقتی روی نقشه ی تهران کلیک می کنی نقشه ی تهران به صورت بزرگ برات میاد و اگه روی نقشه ی اصفهان کلیک کنی نقشه ی استان اصفهان بزرگ میشه . ولی ما قصد داریم به جای نقشه یه سایت باز بشه. 

ادامه مطلب ...

برداشتن خط از لینک یا حذف خط از زیر لینک

می خوام روشی رو با استفاده از شیوه نامه یا همان CSS براتون بگم که به وسیله ی اون می تونید خط زیر لینک رو  حذف کنید. 

 

<html>
<head>
<title>link</title>
<Style TYPE="text/css">
A { text-decoration: none; }
</Style>
</head>
<body> 

<a href="http://www.fordownload.blogsky.com">download</a>
</body>
</html> 

 

توضیحات در ادامه ی مطلب

ادامه مطلب ...

ساخت آیکن یا عکس کنار آدرس در مرورگر (favicon)

تا حالا پیش امده که به سایتی سر زدید و وقتی آدرس رو توی مرورگر وارد کردید یک آیکن کوچک دست چپ و کنار آدرس سایت ظاهر می شود . این آیکن باعث میشه سایت شما بیشتر توی ذهن بازدید کنندگان بمونه . برای سایت این آیکن اول شما باید عکسی رو انتخاب کنید و به فرمت ico تبدیلش کنید دو تا سایت زیر می تونه در این زمینه به شما کمک کنه: 

www.tools.dynamicdrive.com/favicon 

www.favicon.cc 

بعد از اینکه آیکن شما ساخته شد آن را با نام favicon.ico در یه سایتی که از این فرمت پشتیبانی می کنه قرار بدید .این آیکن رو در ریشه ی سایت و در قسمت مدیریت فایل و در پوشه ی htdocs قرار دهید.  


آدرس را در این کد قرار دهید کد ها را در قسمت html وبلاگ یا وبسایت خود و بین دو تگ <head> و </head> قرار دهید. 

<link href="http://site.ir/favicon.ico" rel="shortcut icon"> 

 

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

فرم ارسال متن و عکس به دیتابیس

امروز آموزش ساخت فرم ارسال اطلاعاتی چون متن و عکس را در اینجا قرار دادم . ارسال عکس به دیتابیس یا همان بانک اطلاعاتی ، از لحاظ امنیتی کار درستی است ولی این کار باعث می شود که حجم زیادی اشغال شود و سرعت را پایین آورد. شما می توانید متن رو به دیتابیس ارسال کنید و عکس را هم به پوشه و آدرس عکس را به دیتابیس بفرستید که انشاالله این موضوع را من در پست های بعدی قرار خواهم داد. این فرم یه فرم ساده است که میشد قسمت رادیو و چکمارک و قسمت توضیحات و قسمت ویرایش و پاک کردن را هم به آن اضافه کرد ولی من خواستم یه فرم ساده ای باشه تا بهتر یاد بگیرید. قبل از هر چیزی می خوام از آقای  سید علی ساعدی به دلیل راهنمایی ایشان در ساخت قسمت خواندن اطلاعاتی چون متن و عکس این فرم از ایشان تشکر نماییم. کمتر کسی پیدا میشه که به این خوبی بیاد و این مطالب رو به آدم آموزش بده . البته من قصدم یادگیری این مطلب و گذاشتن در وبلاگ برای یادگیری عموم بود. هر کسی خواست این مطلب رو در سایتش بذاره نام آقای سید علی ساعدی را هم قید بفرماید. و همچین آدرس انجمن php به آدرس :‌ www.phpgroup.ir  

ادامه مطلب ...