Bibliothèque Tamil catalog

staps univ Alger3

حقل إدخال النص (

):
يتيح للمستخدم كتابة النص الذي يريد ترجمته.
تم إضافة نمط CSS لتجميل الحقل وإعطائه مساحة كافية للكتابة.
زر الترجمة (<button>):
عند النقر عليه، يتم أخذ النص من الحقل (textInput) والتحقق مما إذا كان فارغًا.
إذا كان الحقل فارغًا، سيظهر تنبيه للمستخدم.
عرض النص المترجم (<div id="translatedText">):
يتم عرض النص الذي أدخله المستخدم داخل هذا القسم.</div>
                        <div class="newsfooter">
                            Published on 03/21/2025
                            
                            
                        </div>
                    </div>
                
                    <div class="newsitem">
                        <h4 class="newsheader">
                            
                                <a id="newsitem17" href="/cgi-bin/koha/opac-main.pl?news_id=17">staps </a>
                            
                        </h4>
                        <div class="newsbody">جامعة الجزائر3 إبراهيم سلطان شيبوط أو جامعة الجزائر 3 دالي إبراهيم كما كانت تسمى سابقا هي جامعة جزائرية حكومية، تقع في بلدية دالي إبراهيم بالجزائر العاصمة. تم إنشائها في 22 أكتوبر 2009 بموجب المرسوم التنفيذي رقم 09-341 وقد سميت جامعة دالي إبراهيم بجامعة الجزائر 3 بعد تقسيم جامعة الجزائر إلى ثلاثة جامعات. ويكيبيديا
العنوان: 02 شارع احمد واكد، بلدية دالي إبراهيم
التأسيس: 22 أكتوبر 2009
الهاتف: 021 91 04 54
ساعات العمل: 
مغلق ⋅ يفتح 8:00 ص يوم السبت
الرمز البريدي: 16320
المدينة: الجزائر العاصمة</div>
                        <div class="newsfooter">
                            Published on 03/21/2025
                            
                            
                        </div>
                    </div>

<div id="rssnews-container">
                        
                        <a href="/cgi-bin/koha/opac-news-rss.pl?branchcode=">
                            <i class="fa fa-rss" aria-hidden="true"></i>
                            
                                
                                    <span>RSS feed for system-wide library news</span>
                                
                            
                        </a>
                    </div>
                
            </div>

</div>
                </div>
            
        </div>

</div>

<input type="hidden" name="koha_login_context" value="opac" />
                                    <fieldset class="brief">
                                        <legend>Log in to your account:</legend>
                                        
                                        
                                        
                                        <div class="local-login">
                                            
    <label for="userid">Card number or username:</label>

<input class="form-control" type="text" id="userid" name="login_userid" autocomplete="off" />
                                            <label for="password">Password:</label>
                                            <input class="form-control" type="password" id="password" name="login_password" autocomplete="off" />
                                            <fieldset class="action">
                                                <input type="hidden" name="op" value="cud-login" />
                                                <input type="submit" value="Log in" class="btn btn-primary" />
                                            </fieldset>
                                        </div>
                                        
                                        
                                        
                                    </fieldset>
                                </form>
                            </div> 
                        
                    
                
                
    
        <div id="OpacNavRight">
            
                <div class="default_item">
                    
                    <div class="default_body"><!DOCTYPE html>
<html dir="rtl" lang="ar">
<head>
    <meta charset="UTF-8">
    <title>عداد زوار المكتبة الافتراضية</title>
    
    <link href="https://fonts.googleapis.com/css2?family=Tajawal:wght@400;700&family=Almarai:wght@400;700&display=swap" rel="stylesheet">
    
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css">
    
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css" rel="stylesheet" />
    <style>
        body {
            font-family: 'Tajawal', sans-serif;
            background: #f0f0f0;
            color: #333;
            margin: 0;
            padding: 0;
            height: 100vh;
            overflow: hidden;
        }
        .drawer {
            position: fixed;
            top: 50%;
            left: -300px; /* إخفاء الدرج في البداية */
            transform: translateY(-50%);
            width: fit-content; /* عرض الدرج يعتمد على المحتوى */
            max-width: 300px; /* تحديد أقصى عرض للدرج */
            background: rgba(255, 255, 255, 0.2); /* لون أبيض أكثر شفافية */
            box-shadow: 2px 0 10px rgba(0, 0, 0, 0.2);
            transition: left 0.3s ease-in-out;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 1rem;
            border-radius: 15px; /* أطراف مستديرة */
            backdrop-filter: blur(10px); /* تأثير ضبابي قوي */
        }
        .drawer.open {
            left: 0; /* إظهار الدرج عند النقر */
        }
        .handle {
            position: fixed;
            top: 50%;
            left: 0;
            transform: translateY(-50%);
            width: 50px; /* عرض أكبر */
            height: 50px; /* ارتفاع أكبر */
            background: rgba(255, 255, 255, 0.2); /* لون أبيض أكثر شفافية */
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            border: 1px solid rgba(46, 204, 113, 0.6); /* حدود خضراء رفيعة */
            border-radius: 8px; /* أطراف مستديرة قليلاً */
            box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); /* تظليل خفيف */
            transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
            animation: pulse 1.5s infinite alternate; /* حركة ديناميكية */
            z-index: 1000; /* التأكد من ظهور الأيقونة فوق كل العناصر */
        }
        .handle:hover {
            transform: scale(1.1); /* تكبير عند التحويم */
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* تظليل خفيف عند التحويم */
            border-color: rgba(39, 174, 96, 0.8); /* تغيير لون الحدود عند التحويم */
        }
        .handle .icon {
            width: 24px; /* حجم الأيقونة */
            height: 24px; /* حجم الأيقونة */
            fill: #2ecc71; /* لون أخضر فاتح */
            animation: fadeInOut 2s infinite alternate; /* تأثير ظهور واختفاء */
        }
        .handle .loan-count {
            position: absolute;
            top: -10px; /* وضع العدد أعلى الأيقونة */
            right: -10px; /* وضع العدد على يمين الأيقونة */
            background: #e67e22; /* لون برتقالي */
            color: white;
            font-size: 0.8rem;
            padding: 0.2rem 0.4rem;
            border-radius: 50%; /* شكل دائري */
            animation: bounce 1s infinite alternate; /* حركة ديناميكية */
        }
        @keyframes pulse {
            0% { transform: scale(1); }
            100% { transform: scale(1.05); }
        }
        @keyframes fadeInOut {
            0% { opacity: 0.6; } /* شفافية أقل */
            100% { opacity: 1; } /* شفافية كاملة */
        }
        .drawer h1 {
            font-family: 'Almarai', sans-serif;
            font-size: 1.5rem;
            color: #2ecc71; /* لون أخضر فاتح */
            margin-bottom: 0.5rem;
            text-align: center;
            animation: fadeIn 1s ease-in-out;
        }
        .drawer h1::before {
            content: "📊"; /* رمز الرسم البياني */
            display: inline-block;
            margin-left: 0.5rem;
            font-size: 1.5rem;
            color: #27ae60; /* لون أخضر داكن */
        }
        .counter-item {
            margin: 0.5rem 0;
            font-size: 1rem;
            color: #2ecc71; /* لون أخضر فاتح */
            text-align: center;
            animation: slideIn 0.5s ease-in-out;
            display: flex;
            align-items: center;
            gap: 10px; /* مسافة بين الأيقونة والنص */
        }
        .count {
            font-weight: bold;
            color: #e67e22; /* لون برتقالي للتمييز */
            font-size: 1.2rem;
            display: inline-block;
            margin-left: 0.5rem;
            animation: bounce 1s infinite alternate;
        }
        @keyframes bounce {
            0% { transform: translateY(0); }
            100% { transform: translateY(-5px); }
        }
        @keyframes fadeIn {
            0% { opacity: 0; }
            100% { opacity: 1; }
        }
        @keyframes slideIn {
            0% { transform: translateX(-20px); opacity: 0; }
            100% { transform: translateX(0); opacity: 1; }
        }
    </style>
</head>
<body>
    <div class="drawer" id="drawer">
        <h1>إحصاءات المكتبة</h1> 
        
        <div class="counter-item">
            <i class="bi bi-calendar-day"></i> 
            <span>اليوم:</span>
            <span class="count" id="todayCount">0</span>
        </div>
        
        <div class="counter-item">
            <i class="bi bi-calendar-minus"></i> 
            <span>الأمس:</span>
            <span class="count" id="yesterdayCount">0</span>
        </div>
        
        <div class="counter-item">
            <i class="bi bi-calendar-week"></i> 
            <span>الأسبوع:</span>
            <span class="count" id="lastWeekCount">0</span>
        </div>
        
        <div class="counter-item">
            <i class="bi bi-calendar-month"></i> 
            <span>الشهر:</span>
            <span class="count" id="lastMonthCount">0</span>
        </div>
        
        <div class="counter-item">
            <i class="bi bi-bar-chart-line"></i> 
            <span>المجموع الكلي:</span>
            <span class="count" id="totalCount">0</span>
        </div>
    </div>

let timeoutId;

if (drawer && handle) {
            handle.addEventListener('click', () => {
                drawer.classList.toggle('open');
                resetTimer();
            });

// إخفاء الدرج تلقائيًا بعد 6 ثوانٍ
            const resetTimer = () => {
                clearTimeout(timeoutId);
                if (drawer.classList.contains('open')) {
                    timeoutId = setTimeout(() => {
                        drawer.classList.remove('open');
                    }, 6000); // 6 ثوانٍ
                }
            };

// إعادة ضبط المؤقت عند تحريك الفأرة فوق الدرج
            drawer.addEventListener('mouseenter', resetTimer);
            drawer.addEventListener('mouseleave', resetTimer);
        } else {
            console.error("Error: Elements 'drawer' or 'handle' not found.");
        }

// تاريخ اليوم
        const today = new Date().toLocaleDateString();

// جلب البيانات من LocalStorage أو تهيئتها
        let visitorData = JSON.parse(localStorage.getItem('visitorData')) || {
            today: { date: today, count: 0 },
            yesterday: { date: '', count: 0 },
            lastWeek: { date: '', count: 0 },
            lastMonth: { date: '', count: 0 },
            total: 0
        };

// إذا كان اليوم مختلفًا عن اليوم المخزن، تحديث التواريخ
        if (visitorData.today.date !== today) {
            visitorData.yesterday = { date: visitorData.today.date, count: visitorData.today.count };
            visitorData.today = { date: today, count: 0 };

// تحديث الأسبوع الماضي والشهر الماضي
            const lastWeekDate = new Date();
            lastWeekDate.setDate(lastWeekDate.getDate() - 7);
            visitorData.lastWeek = { date: lastWeekDate.toLocaleDateString(), count: visitorData.today.count };

const lastMonthDate = new Date();
            lastMonthDate.setMonth(lastMonthDate.getMonth() - 1);
            visitorData.lastMonth = { date: lastMonthDate.toLocaleDateString(), count: visitorData.today.count };
        }

// زيادة عدد الزوار اليوم والمجموع الكلي
        visitorData.today.count++;
        visitorData.total++;

// حفظ البيانات المحدثة في LocalStorage
        localStorage.setItem('visitorData', JSON.stringify(visitorData));

// عرض البيانات في الصفحة
        const todayCountElement = document.getElementById('todayCount');
        const yesterdayCountElement = document.getElementById('yesterdayCount');
        const lastWeekCountElement = document.getElementById('lastWeekCount');
        const lastMonthCountElement = document.getElementById('lastMonthCount');
        const totalCountElement = document.getElementById('totalCount');

todayCountElement.textContent = visitorData.today.count;
        yesterdayCountElement.textContent = visitorData.yesterday.count;
        lastWeekCountElement.textContent = visitorData.lastWeek.count;
        lastMonthCountElement.textContent = visitorData.lastMonth.count;
        totalCountElement.textContent = visitorData.total;

// إضافة تأثير الاهتزاز عند تحديث العداد
        function applyShakeAnimation(element) {
            element.classList.add('update');
            setTimeout(() => {
                element.classList.remove('update');
            }, 500); // مدة الاهتزاز 0.5 ثانية
        }

applyShakeAnimation(todayCountElement.parentElement);
    </script>
</body>
</html></div>
                </div>
            
        </div>

</div>

</div> 
    </div> 
</div>

<div class="container-fluid">
                <div class="row">
                    <div class="col">
                        
    
        <div id="opaccredits">
            
                <div class="default_item">
                    
                    <div class="default_body"><div style="text-align: center;">
  <a href="https://www.tamil.fr">
    <img src="/www/koha-par-tamil.png">
  </a>
  <div style="font-size: 80%; vertical-align: bottom;">
    Version <span style="background-color: green; color: white; font-weight: bold; padding: 1px;">24.11.02</span>
  </div>
</div></div>
                </div>
            
        </div>

</div>
                </div>
            </div>
        
    </div>

<script src="/opac-tmpl/lib/jquery/jquery-3.6.0.min_24.1102000.js"></script>
<script src="/opac-tmpl/lib/jquery/jquery-migrate-3.3.2.min_24.1102000.js"></script>
<script src="/opac-tmpl/lib/bootstrap/js/bootstrap.bundle.min_24.1102000.js"></script>
<script src="/opac-tmpl/lib/fontfaceobserver/fontfaceobserver.min_24.1102000.js"></script>
<script src="/opac-tmpl/lib/enquire/enquire.min_24.1102000.js"></script>
<script>
    let logged_in_user_id = "";
</script>
<script src="/opac-tmpl/bootstrap/js/global_24.1102000.js"></script>

$(".print-large").on("click",function(){
        window.print();
        return false;
    });
    $(".addtoshelf").on("click",function(e){
        e.preventDefault();
        Dopop( this.href );
    });
    $("body").on("click", ".addtocart", function(e){
        e.preventDefault();
        var biblionumber = $(this).data("biblionumber");
        addRecord( biblionumber );
    });
    $("body").on("click", ".cartRemove", function(e){
        e.preventDefault();
        var biblionumber = $(this).data("biblionumber");
        delSingleRecord( biblionumber );
    });
    $(".clearsh").on("click", function(){
        return confirmDelete( _("Are you sure you want to delete your search history?") );
    });

</script>

<script>
    (function() {
        var def_date_format = 'us';
        var def_time_format = '24hr';
        var def_tz = 'Europe/Paris';

var get_date_pattern = function(format) {
            var date_pattern = 'YYYY-MM-DD';
            if(format == 'us') date_pattern = 'MM/DD/YYYY';
            if(format == 'metric') date_pattern = 'DD/MM/YYYY';
            if(format == 'dmydot') date_pattern = 'DD.MM.YYYY';
            return date_pattern;
        };

var get_time_pattern = function(format) {
            var time_pattern = 'HH:mm';
            if(format == '12hr') time_pattern = 'hh:mm a';
            return time_pattern;
        };

/*
         * A JS equivilent of the KohaDates TT Plugin. Passed an rfc3339 formatted date string,
         * or JS Date, the function will return a date string formatted as per the koha instance config.
         * Optionally accepts a dateformat parameter to allow override of the configured output format
         * as well as a 'withtime' boolean denoting whether to include time or not in the output string.
         */
        window.$date = function(value, options) {
            if(!value) return '';
            var tz = (options&&options.tz)||def_tz;
            var m = dayjs(value);
            if ( ! value.match(/^\d{4}-\d{2}-\d{2}$/ ) ) {
                m = m.tz(tz);
            }

var dateformat = (options&&options.dateformat)||def_date_format;
            var withtime = (options&&options.withtime)||false;

if(dateformat=='rfc3339' && withtime) return m.format();

var timeformat = (options&&options.timeformat)||def_time_format;
            var date_pattern = get_date_pattern(dateformat);
            var time_pattern = !withtime?'':' '+get_time_pattern(timeformat);

return m.format(date_pattern+time_pattern);
        }

window.$datetime = function(value, options) {
            options = options||{};
            options.withtime = true;
            return $date(value, options);
        };

window.$time = function(value, options) {
            if(!value) return '';
            var tz = (options&&options.tz)||def_tz;
            var m = dayjs(value);
            if(tz) m = m.tz(tz);

var dateformat = (options&&options.dateformat);
            var timeformat = (dateformat=='rfc3339'&&'24hr')||(options&&options.timeformat)||def_time_format;

return m.format(get_time_pattern(timeformat)+(dateformat=='rfc3339'?':ss'+(!m.isUTC()?'Z':''):''))+(dateformat=='rfc3339' && m.isUTC()?'Z':'');
        }

})();
</script>

if (biblio === undefined) {
                return ''; // empty string for no biblio
            }

var title = '<span class="biblio-title">';
            if (biblio.title != null && biblio.title != '') {
                title += escape_str(biblio.title);
            } else {
                title += _("No title");
            }
            title += '</span>';

// add subtitle
            if (biblio.subtitle != null && biblio.subtitle != '') {
                title += ' <span class="biblio-subtitle">' + escape_str(biblio.subtitle) + '</span>';
            }

// set title as link
            if (config && config.link) {
                if (config.link === 'marcdetail') {
                    title = '<a href="/cgi-bin/koha/opac-MARCdetail.pl?biblionumber=' + encodeURIComponent(biblio.biblio_id) + '" class="title">' + title + '</a>';
                } else if (config.link === 'labeled_marc') {
                    title = '<a href="/cgi-bin/koha/opac-labeledMARCdetail.pl?biblionumber=' + encodeURIComponent(biblio.biblio_id) + '" class="title">' + title + '</a>';
                } else if (config.link === 'isbd') {
                    title = '<a href="/cgi-bin/koha/opac-ISBDdetail.pl?biblionumber=' + encodeURIComponent(biblio.biblio_id) + '" class="title">' + title + '</a>';
                } else {
                    title = '<a href="/cgi-bin/koha/opac-detail.pl?biblionumber=' + encodeURIComponent(biblio.biblio_id) + '" class="title">' + title + '</a>';
                }
            }

// add medium
            if (biblio.medium != null && biblio.medium != '') {
                title += ' <span class="biblio-medium">' + escape_str(biblio.medium) + '</span>';
            }

// add part numbers/names
            let part_numbers = (typeof biblio.part_number === 'string') ? biblio.part_number.split("|") : [];
            let part_names = (typeof biblio.part_name === 'string') ? biblio.part_name.split("|") : [];
            let i = 0;
            while (part_numbers[i] || part_names[i]) {
                if (part_numbers[i]) {
                    title += ' <span class="part-number">' + escape_str(part_numbers[i]) + '</span>';
                }
                if (part_names[i]) {
                    title += ' <span class="part-name">' + escape_str(part_names[i]) + '</span>';
                }
                i++;
            }

return title;
        };
    })();
</script>

</script>

</body>
</html>

VOIR AUSSI

RÉFÉRENCES

staps univ Alger3

VOIR AUSSI

RÉFÉRENCES

Koha home

staps univ Alger3