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


فهرست علوم
علوم کامپیوتر
مشکل اسلش



کدهای مورد نیاز متفرقه

نکات کاربردی و تجربی در آي‌تي
جدول برنامه‌های واسط خط فرمان یونیکس و شل






فایل مرجع دو فریم:

<html>
<head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<title>مرجع</title>
<frameset cols="70%,30%">
<frame src="" name="matn" frameborder="1" scrolling="auto" marginwidth="1" marginheight="1" />
<frame src="" name="fehrest" frameborder="1" scrolling="auto" marginwidth="1" marginheight="1" />
</frameset> </head>
</html>

فایل فریم شامل محتویات-مشتمل بر کد مخفی کردن و ظاهر کردن متن:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>عنوان</title>
<style type="text/css">
.penhan{
display:none;}
.hmclass{background-color: #ebebeb; line-height: 200%; margin: 1cm 1cm 0pt; padding: 1cm; text-align: justify; direction: rtl;}
</style>
<script type="text/javascript">
function dsp(loc){
if(document.getElementById){
var foc=loc.firstChild;
foc=loc.firstChild.innerHTML?
loc.firstChild:
loc.firstChild.nextSibling;
foc.innerHTML=foc.innerHTML=='+'?'-':'+';
foc=loc.parentNode.nextSibling.style?
loc.parentNode.nextSibling:
loc.parentNode.nextSibling.nextSibling;
foc.style.display=foc.style.display=='block'?'none':'block';}}
</script></head>
<body dir="rtl" style=" line-height: 200%; margin: 1cm 2cm 0pt; text-align: justify; ">
<div style="text-align: center;">بسم اللّه الرّحمن الرّحیم</div>
<br>متن اصلی<br>
<div class="hmclass">متن خاص در اینجا</div>
<br>متن اصلی<br>
<h5><a href="javascript:void(0)" onclick="dsp(this)"> <span>+</span>متن آشکار</a></h5>
<div class="penhan">متن پنهان</div>
</body>
</html>

فایل فریم فهرست-مشتمل بر کد مخفی کردن و ظاهر کردن فهرست:

<html>
<head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<title>الفهرست</title>
<style type="text/css">
.penha{
display:none;}
.hmclass{background-color: #ebebeb; line-height: 200%; margin: 1cm 1cm 0pt; padding: 1cm; text-align: justify; direction: rtl;}
</style>
<!-- <style>
ol {
counter-reset: item;
padding: 5;
margin: 5;
margin-left: 20px;
}
ul {margin: 0; padding: 0; list-style: none;}
li {
display: block;
}
ol li:before {
display: inline-block;
content: counters(item, ".") " ";
counter-increment: item;
padding: 5;
margin: 5;
}
ol li li:before { padding: 5;
margin: 5;}
ol li li li:before { padding: 5;
margin: 5;}
ol li li li li:before { padding: 5;
margin: 5;}
</style> -->
<script type="text/javascript">
function dsp(loc){
if(document.getElementById){
var foc=loc.firstChild;
foc=loc.firstChild.innerHTML?
loc.firstChild:
loc.firstChild.nextSibling;
foc.innerHTML=foc.innerHTML=='+'?'-':'+';
foc=loc.parentNode.nextSibling.style?
loc.parentNode.nextSibling:
loc.parentNode.nextSibling.nextSibling;
foc.style.display=foc.style.display=='block'?'none':'block';}}
</script>
</head>
<body style="font-size: 10; line-height: 150%; margin: 1cm 1cm 0pt; " dir="rtl">

<div style="text-align: center;">بسم اللّه الرّحمن الرّحیم<br>
</div>
<br>
<h4><a href="javascript:void(0)" onclick="dsp(this)"> <span>+</span>الفهرست</a></h4>
<div class="penhan">
<ol>
<li>
<h3><a href="javascript:void(0)" onclick="dsp(this)"> <span>+</span>القرآن الکریم</a></h3>
<div class="penhan">
<ol>
<li><li><a href="" target="matn">المصحف الشريف</a></li><li><a href="">المصحف الشريف</a></li>
</li>
</ol>
</div>
</li>
<li>
<h3><a href="javascript:void(0)" onclick="dsp(this)"> <span>+</span>
<span style="color: rgb(0, 153, 0);">هم فاطمة</span></a></h3>
<div class="penhan">
<ol>
<li>
<h3><a href="javascript:void(0)" onclick="dsp(this)"> <span>+</span><span style="color: rgb(0, 153, 0);">رسول اللّه خاتم النبيّين <small><small><small>صلّی اللّه علیه و آله و سلّم</small></small></small></span></a></h3>
<div class="penhan">
<ol>
<li>
</li>
</ol>
</div>
</li>
<li>
<h3><a href="javascript:void(0)" onclick="dsp(this)"> <span>+</span><span style="color: rgb(0, 153, 0);">أمیر المؤمنین <small><small><small>صلوات اللّه علیه</small></small></small></span></a></h3>
<div class="penhan">
<ol>
<li>
</li>
</ol>
</div>
</li>
<li>
<h3><a href="javascript:void(0)" onclick="dsp(this)"><span>+</span><span style="color: rgb(0, 153, 0);">الصدّیقة الکبری <span style="color: rgb(255, 0, 0);">الشهیدة</span><small><small><small>سلام اللّه علیها</small></small></small></span></a></h3>
<div class="penhan">
<ol>
<li>
<h3><a href="javascript:void(0)"
onclick="dsp(this)"> <span>+</span>فضائل</a></h3>
<div class="penhan">
<ol>
<li>
<h4><a href="javascript:void(0)"
onclick="dsp(this)"> <span>+</span>بضعة منی</a></h4>
<div class="penhan">
<ol>
<li>
<h5><a href="" target="matn">کتب شیعه</a></h5>
</li>
<li>
<h5><a href="" target="matn">کتب اهل سنت</a></h5>
</li>
</ol>
</div>
</li>
<li>
<h5><a href="javascript:void(0)"
onclick="dsp(this)"><span>+</span>سیّدة النساء</a></h5>
<div class="penhan">
<ol>
<li>
<h6><a href="" target="matn">لم تطمث و هی أفضل من الخلفاء الأربعة</a></h6>
</li>
<li>
<h6><a href="" target="matn">سیّدات النساء</a></h6>
</li>
<li>
<h6><a href="" target="matn">ثرید و عایشة</a></h6>
</li>
<li>
<h6><a href="" target="matn">موسوعة التخریج</a></h6>
</li>
</ol></div>
</li>
</ol>
</div>
</body>
</html>


















aaaaaaaa

penhaan---visibility

penhan---disply




Text in a pre element
is displayed in a fixed-width
font, and it preserves
both      spaces and
line breaks

hhhmmmmgggdddd 
اگر بخواهیم مثلا:
 متنی بنویسیم که برای خودمان             در منبع فایل باشد ولی بروزر آن را نشان ندهد

 مثلا چنین میکنیم:







<head>

<meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/>


  <title></title>


  <link href="../styles/style-fadak.css" rel="stylesheet" type="text/css"/>


</head>

















Right-click inside this box to see the context menu!

This example currently only works in Firefox!































Sorry, your browser does not support inline SVG.





کد های HTML به صورت بالا تغییر دادیم،کلاس box از آموزش قبلی باقی مونده،ما یه لیست نامرتب برای گزینه های منو اضافه کردیم و عناوین مورد نظر رو براش مشخص کردیم؛برای قسمت محتوای هر تب یه تگ div مشخص کردیم و یه شناسه با عنوان مثلا content1 یا content2 و ... بهش اختصاص دادیم و همه اینارو داخل یه تگ div دیگه با کلاس content قرار دادیم،توجه کنید که برای تگ های لینک قسمت منو مقدار خاصیت href رو برابر شناسه هر کدوم از تگ های div داخل تگ div با کلاس content قرار دادیم.داخل هر کدوم از محتوا ها هم یه لیست ایجاد کردیم که قراره لیست محصولا یا مطالب یا هر چیز دیگه رو به کاربر نشون بده (خلاصه محتوای مورد نظر خودتون داخلش قرار میگیره). کد های jQuery خوب در قسمت کد های جاوا اسکریپت اول از همه تگ های داخل تگ content رو به جز اولی مخفیشون کردیم.بعدش برای رویداد کلیک روی هر کدوم از لینک های قسمت منو (تگ ul) تابعی رو نوشتیم که داخل این تابع مشخص کردیم اگه لینکی که داره کلیک میشه همین لینک هست هیچ کاری انجام نده (برای جلوگیری از بارگذاری مجدد کد ها مخصوصا اگه برای دریافت محتوا از ای جکس استفاده بشه)،بعدش از همه لینک ها کلاس active رو برداشتیم (برای اینه که لینک فعال قبلی رو غیر فعال کنیم) و به لینک فعلی کلاس active رو اضافه کردیم،بعد ما مقدار خاصیت href لینک فعلی رو گرفتیم و داخل متغییر href قرار دادیم حالا href رو با دستور split به یه آرایه خرد کردیم (توی قسمت html توضیح دادیم که خاصیت href رو با مقداری شبیه content1 یا content2 و ... مشخص کردیم،این کار به این خاطر بود که موقع کلیک کردن روی لینک ها مشخص کنیم کدوم تگ content لود بشه)،بعد ما تمام تگ های div داخل content رو مخفی میکنیم و با دستور بعدی content مورد نظر رو لود میکنیم (با توجه به کد،مقدار اندیس 1 آرایه split مقادیری مثل content1 یا content2 و ... داره بنابراین کد یه خط مونده با آخر این مقدار رو دریافت میکنه و تگ مورد نظر رو با افکت slideDown نشون میده،خواستین افکت های دیگه هم بذارید(مثل fade یا bounce)). کد های CSS کد های استایل رو با توجه به سلیقه خودتون می تونید تغییر بدید.

https://www.7learn.com/tutorials/tabber-box-with-css3
خانه زبان های تحت وب CSS‏ طراحی باکس وب تب دار با css3 طراحی باکس وب تب دار با css3 13 8613 ۲۵ آذر ۹۲ همونطور که میدونید در یکی از مطالب سون لرن، آقای علی محمدی، طراحی باکس وب تب دار با jQuery رو آموزش دادند. بنا به درخواست یکی از دوستان، بنده امروز طراحی باکس وب تب دار رو با استفاده از css3 آموزش میدم. در واقع روشی که قراره استفاده کنیم، استفاده از دکمه های رادیویی و انتخابگر :checked هست. فکر میکنم بهترین روشی هم که برای ساخت باکس تب دار با css3 هستش همین روشه. حداقل برای الان و چند سال دیگه که اینطوره. پس با سون لرن همراه باشید... مشاهده دمو ساختار HTML درواقع هر تب شامل یک دکمه رادیویی، یک label، و یک div برای محتواست.
محتوای اول
محتوای دوم
محتوای سوم
کدهای CSS: دکمه های رادیویی رو مخفی کردیم، چرا؟ چون لازم نیست ببینیمشون، فقط میخوایم که انتخاب بشن، که وقتی روی label کلیک کنیم دکمه رادیویی مربوطه رو انتخاب میکنه. به کلاس .tab خاصیت float دادیم تا labelها در یک سطر کنار هم قرار بگیرند. خاصیت position کلاس .content رو هم absolute قرار دادیم تا قسمت محتواهامون (یعنی همون divها با کلاس .content) دقیقا روی همدیگه قرار بگیرند. حالا وقتی یک دکمه رادیویی رویداد :checked داره، خاصیت z-index کلاس .content مجاورش رو یک دادیم تا روی بقیه عناصرمون قرار بگیره و درواقع اینطوری دیگر قسمت های محتوامون رو پنهان کردیم و فقط قسمت محتوایی که بعد از دکمه رادیویی انتخاب شده قرار داره رو نشون دادیم. اینم از آموزش ساخت باکس وب تب دار با css3! ولی بهتره از jquery برای ساخت باکس وب استفاده کنید چون به هرحال خاصیت های css3 توی بعضی مرورگر ها مثل IE (که نمیدونم چرا انقدر هم طرفدار داره!!!) اجرا نمیشه.
متن اصلی
#!/bin/sh
WORKDIR=/dein/html/verzeichnis/
cd $WORKDIR
for i in `ls *.txt`
do
   mv $i $i.tmp
   cat $i.tmp | sed -e 's/string/newstring/g' >> $i
   rm $i.tmp
done


^^^^^^^^^^^


$ sed -i 's/ugly/beautiful/g' /home/bruno/old-friends/sue.txt
$ find /home/bruno/old-friends -type f -exec sed -i 's/ugly/beautiful/g' {} \;
# perl -e "s/old_string/new_string/g;" -pi.save $(find DirectoryName -type f)

#!/bin/bash
     for fl in *.php; do
     mv $fl $fl.old
     sed 's/FINDSTRING/REPLACESTRING/g' $fl.old > $fl
     rm -f $fl.old
     done




^^^^^^^^^^^^^^^



TMPFILE=/tmp/tmp.$$

for f in *.txt; do
  sed 's/OLD_STRING/NEW_STRING' $f > $TMPFILE
  exit 1     # DEBUG
  mv $TMPFILE $f
fi



^^^^^^^^^^^^^^^^^



 
#!/usr/bin/ksh
for mFName in *
do
  if [[ -f ${mFName} ]]; then
    echo "Now renaming file ${mFName}:"
    mv ${mFName} Pefix_${mFName}
  fi
done



^^^^^^^^^^^^^6




#!/bin/bash
# Task: Clean html files
# add your find command here
find /dir1 -iname "*.html" -delete
find /dir2 -iname "*.html" -delete



^^^^^^^^^^^^


find . -type f -exec ls -l {} \;

#To delete only files (be careful command will delete all files from current directory):

find . -type f -exec /bin/rm -f {} \;

#You can also specify path

find /path/to/delete -type f -exec /bin/rm -f {} \;



^^^^^^^^^^^^


#suppose i want to search word test in /opt

[root@centos ~]# grep -R "^test$" /opt/ | awk -F":" '{print $1}'
/opt/abc



^^^^^^^^^^^^^




I need help to split lines from a file into multiple files.

my input look like this:

13
23 45 45 6 7
33 44 55 66 7

13
34 5 6 7 87
45 7 8 8 9

13
44 55 66 77 8
44 66 88 99 6

I want to split every 3 lines from this file to be written to individual files.


^^


Code:

split -l4 infile outfile


4 is used since you have shown a blank line. if no blank line, use 3.


^^



Thanks Guru, can you tell me how to get the output files names as 1.out, 2.out and so on.


^^



Using split, it will generate files with aa,ab,ac and so on, and you have to manually rename it.

Use awk in this case which will give your expected:


Code:

awk ' {print > (NR%4?i:i++)".out"; }' i=1 infile




^^^^^^^^^^^^^^^




#!/bin/sh
                          
for file in $(grep -il "Hello" *.txt)
do
sed -e "s/Hello/Goodbye/ig" $file > /tmp/tempfile.tmp
mv /tmp/tempfile.tmp $file
done



#very cool script. Thanks for posting. I modified it a bit, and this seems to work pretty well:
Code:

# *****************************************************************************************
# find_and_replace_in_files.sh
# This script does a recursive, case sensitive directory search and replace of files
# To make a case insensitive search replace, use the -i switch in the grep call
# uses a startdirectory parameter so that you can run it outside of specified directory - else this script will modify itself!
# *****************************************************************************************

!/bin/bash
# **************** Change Variables Here ************
startdirectory="/home/gare/tmp/tmp2"
searchterm="search"
replaceterm="replaceTerm"
# **********************************************************

echo "******************************************"
echo "* Search and Replace in Files Version .1 *"
echo "******************************************"

        for file in $(grep -l -R $searchterm $startdirectory)
          do
           sed -e "s/$searchterm/$replaceterm/ig" $file > /tmp/tempfile.tmp
           mv /tmp/tempfile.tmp $file
           echo "Modified: " $file
        done

echo " *** Yay! All Done! *** "



^^^^^^^^^^^^^^
متن خاص در اینجا

متن اصلی
ریز شدن متن کل فایل از این استایل موجود (باطن) در این قسمت است: (فایل استایلش در فولدر استایل: style-.css است)

بسم اللّه الرّحمن الرّحیم

متن اصلی
متن خاص در اینجا

متن اصلی
+متن آشکار
متن پنهان

حال به مراحل باز شدن های بعدی دقت کنید: -->
بسم اللّه الرّحمن الرّحیم

+الفهرست

  1. +القرآن الکریم

    2. المصحف الشريف
    3. المصحف الشريف

  2. + هم فاطمة

    1. +رسول اللّه خاتم النبيّين صلّی اللّه علیه و آله و سلّم

    2. +أمیر المؤمنین صلوات اللّه علیه



      3. بسم الله الرحمن الرحیم

      • ملتقطات فدکیة
        • اهل البیت علیهم السلام
          • هم فاطمة و أبوها و ..
            1. فدک
              1. نحلة
                1. لب

      • ملتقطات فقهیة
        • متن
        • متنن

      + heading

      section

      + heading

      + heading

      section

      + heading

      section
      Header - Show Content 1
      Content 1
      Content 2

      Heading here

      your text here
      1] Item 1:
      Item 1 text.

      2] Item 2:
      Item 2 text.

      3] Item 3:
      Item 3 text.



      بسم اللّه الرّحمن الرّحیم

      +الفهرست
      1. +القرآن الکریم
      2. + هم فاطمة
        1. +رسول اللّه خاتم النبيّين صلّی اللّه علیه و آله و سلّم
        2. +أمیر المؤمنین صلوات اللّه علیه
        3. +الصدّیقة الکبری الشهیدةسلام اللّه علیها
          1. +فضائل
            1. +بضعة منی
              1. کتب شیعه
              2. کتب اهل سنت
            2. +سیّدة النساء
              1. لم تطمث و هی أفضل من الخلفاء الأربعة
              2. سیّدات النساء
              3. ثرید و عایشة
              4. موسوعة التخریج
            3. إن الله یغضب لغضبک
            4. +چهار دو



            2. Hoverable Dropdown

            Move the mouse over the button to open the dropdown menu.

            Link 1 Link 2 Link 3
            https://codepen.io/snake/pen/RNNeKw

            Albert Marie Ernest
            -->