اذهب إلى المحتوى

K@m@l

الأعضاء
  • المساهمات

    194
  • تاريخ الانضمام

  • تاريخ آخر زيارة

أجوبة بواسطة K@m@l

  1. أنشأت عدة أعمدة في صفحة html بالاعتماد على إطار العمل Bootstrap،لكن لا أدري لما لا تظهر، حيث أضفت :

    columns-md-4

    تحتوي على

    <h3>

    و

    <p>

    وهذا الكود بأكمله:

    <!DOCTYPE html>
    <html lang="en">
    
    <head>
         <meta charset="utf-8">
         <title>Random App </title>
         <meta name="description" content="Random App">
    
    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> 
    
    <!-- Optional theme -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
    </head>
    
    <style>
    body{
    padding-top: 40px
    }
    </style>
    
    <body>
    
        <!--Navbar-->
        <nav class="navbar navbar-inverse navbar-fixed-top" id="my-navbar">
          <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                </button>
    
                <a href="" class="navbar-brand">Random</a>
    
              </div> <!--Navbar Header-->
                <div class="collapse navbar-collapse" id="navbar-collapse">
                 <ul class="nav navbar-nav">
                   <li><a href="#feed">Feed</a>
                   <li><a href="#gallery">Gallery</a>
                   <li><a href="#feature">Feature</a>
                   <li><a href="#contact">Contact</a>
                 </ul>  
            </div> <!--End container-->
        </nav>  <!--End nav-->
    
    
                 <!--jumbotron-->
            <div class="jumbotron">
             <div class="container text-center">
              <h1>Jumbotron</h1>
              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean auctor, erat quis suscipit auctor, justo lacus eleifend</p>
                 </div><!--End Container-->
            </div><!--End jumbotron-->
    
            <div class="container">
             <div class="row">
              <div class="col-md-4">
                <h3>Table A</h3>
                   <p> Lorem ipsum Lorem ipsum Lorem ipsum</p>
                 <blockquote>
                 <footer>ujuyj</footer>
                 </blockquote>
                 <table class="table table-hover">
                  <thead>
                    <tr class="success">
                     <th>Name</th>
                     <th>Website</th>
                     <th>By</th>
                    </tr>
                   </thead>
                   <tbody>
                     <tr>
                         <td>UnoCento</td>  
                         <td>www.example.test</td>
                         <td>TreCento</td>
                     </tr>
                     <tr>
                         <td>UnoCento</td>  
                         <td>www.example.test</td>
                         <td>TreCento</td>
                     </tr>
                     <tr>
                         <td>UnoCento</td>  
                         <td>www.example.test</td>
                         <td>TreCento</td>
                     </tr>
                     <tr>
                         <td>UnoCento</td>  
                         <td>www.example.test</td>
                         <td>TreCento</td>
                     </tr>
                     <tr>
                         <td>UnoCento</td>  
                         <td>www.example.test</td>
                         <td>TreCento</td>
                     </tr>
                    </tbody>
    
                    </div>
    
                <div class="col-md-4">
            <h3>Table B</h3>
             <p> Lorem ipsum Lorem ipsum Lorem ipsum</p>
             <blockquote>
           <footer>ujuyj</footer>
           </blockquote>
           <table class="table table-hover">
            <thead>
              <tr class="success">
             <th>Name</th>
             <th>Website</th>
             <th>By</th>
            </tr>
             </thead>
                   <tbody>
                     <tr>
                         <td>UnoCento</td>  
                         <td>www.example.test</td>
                         <td>TreCento</td>
                     </tr>
             <tr>
                         <td>UnoCento</td>  
                         <td>www.example.test</td>
                         <td>TreCento</td>
                     </tr>
             <tr>
                         <td>UnoCento</td>  
                         <td>www.example.test</td>
                         <td>TreCento</td>
                     </tr>
             <tr>
                         <td>UnoCento</td>  
                         <td>www.example.test</td>
                         <td>TreCento</td>
                     </tr>
             <tr>
                         <td>UnoCento</td>  
                         <td>www.example.test</td>
                         <td>TreCento</td>
                     </tr>
                    </tbody>
    
                </div>
    
    
    
    
              </div><!--End Row-->
            </div><!--End Container>        
    
    
    
        <script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
    <!-- Latest compiled and minified JavaScript -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>  
    </body>
    </html>

    ما هي المشكلة بالضبط؟ وكيف يمكنني حلها؟

  2. في تطبيق على إطار العمل Rails أريد نشر منشورات- محتوى جدول- على صفحة بدلالة تاريخ الإنشاء، وهذه نبذة من الكود :

    كود سطر من الجدول على Html:

    <tbody>
        <% @events.each do |event| %>
          <tr>
            <td><%= event.image %>" height="50" width="50"></td>
            <td> <%= link_to event.title, event %></td>
    
            <td><%= event.category %></td>
    
    
            <td> <%= event.start_date %> / <%= event.end_dates %></td>
    
    
    
    
          </tr>

     وظيفة Index على المتحكم :

    def index
        @events = Event.all
      end

     أريد توضيح حول كيفية عرض المنشورات مع مراعاة تاريخ الإنشاء؟

  3. في ملف للتنسيق css مرفق مع صفحة Html، أعلم أن وظيفة importnat!  تعطي الأولوية للخاصية التي تحملها على باقي الخصائص في حالة تعارض الخصائص فيما بينها، لكن في حالة كان للوسم  خاصيتان متضادتان وكل منهما تحمل قيمة مختلفة عن الأخرى، ولكلاهما important!، أيهما ستطبق على الوسم؟ هل هناك وظيفة أخرى أعلى وأكثر قوة من important!؟ 

    مثال:

    div p  {color:green!important}
    div p  {color:blue!important}

    ما هو اللون الذي ستأخذه p؟

  4. لي صورة على مستوى Header في صفحة html، هذه الصورة أريدها أن تصبح متجاوبة مع جميع الأجهزة والمقاسات المختلفة لشاشات العرض، كيف السبيل إلى فعل ذلك؟

    كمثال، موقع remote.demowebsiteaddress.com

  5. من الأمور التي أريد تعلمها، طريقة تصميم صورة شخصية أو رسوم على كأس كبير للقهوة -Mug-، حيث أرى أن الكثير من الناس تفعل ذلك، كيف أتمكن من ذلك بشكل احترافي؟ مع إرفاق أي دروس مفيدة في حالة توفرها؟

    مثال:

    On_Off_Mug.thumb.jpg.6446bc0f4bf473e4cb8

  6. أريد معرفة الطريقة المتبعة للحصول على مثل هذا التصميم باستعمال Illustrator، وأعلم أن الأمر ليس بالسهل لكن رغم ذلك لدي رغبة في التعلم، إليكم التصميم الذي أتحدث عنه:

    aFqWt.thumb.jpg.97a730d7878b893204ee7c2d

    هل من درس أستفيد منه، أو مراحل تطبيقية لأصمم مثله؟

  7. أريد تصميم كتيب على Indesign، ورغم أني مبتدئ إلا أنني أجد نفسي أتعلم بسرعة تقنيات هذا البرنامج، وأريد السؤال، هل بإمكاني إضافة قطعة نص، مع جعل خلفيتها شبه شفافة، أي كيف أتحكم في خلفية القطع النصية؟ هل من دليل أو درس يفيدني في ذلك؟

  8. لدي في صفحة html مجموعة مقاطع صوتية من نوع audio، حيث بالإمكان الضغط على القطعة الموسيقية مرتين لتشغيلها، لكن ما أريده هو إنشاء زر Next لتبدأ المقاطع باللعب وعند الضغط على الزر ينتقل القارئ إلى القطعة التالية، هل هذا ممكن مع Jquery و Javascript؟

    محاولتي:

    <div class="audio-player-pad">
        <div class="container Test">
            <div id="audio-image">
                <img class="cover"/>
            </div>
        <div id="audio-player">
            <div id="audio-info">
                <span class="title"></span> - <span class="artist"></span> 
            </div>
             <input id="volume" type="range" min="0" max="10" value="5" />
             <br>
             <div id="buttons">
                <span>
                    <button class="img" id="prev"></button>
                    <button id="play"></button>
                    <button id="pause"></button>
                    <button id="stop"></button>
                    <button id="next"></button>
                <div id="tracker">
                    <div id="progressBar">
                        <span id="progress"></span>
                    </div>
                    <span id="duration"></span>
                </div>
                </span>
             </div>
                 <table id="playlist">
                    <tr class="bold clickN">
                        <td>ID:</td>
                        <td id="first" cover="emptycover.png" artist="Artist">Track-Name:</td>
                        <td>Artist:</td>
                        <td>Duration:</td>
                    </tr>
                    <tr>
                        <td class="idD" song="Weown.mp3" cover="ownCover.png" artist="The Wanted" >1</td>
                        <li><td >We Own The Night</td></li>
                        <td>The Wanted</td>
                        <td class="idD">3:25</td>
                    </tr>
                    <tr>
                        <td class="idD">2</td>
                        <li><td song="Live_For_The_Night_-_Krewella.mp3" cover="LiveCover.gif" artist="Krewella">Live For The Night</td></li>
                        <td>Krewella</td>
                        <td class="idD">3:27</td>
                    </tr>
                    <tr>
                        <td class="idD">3</td>
                        <li><td song="Not_Alone_Original_Mix.mp3" cover="NotCover.jpg" artist="Mako">Not Alone</td></li>
                        <td>Mako</td>
                        <td class="idD">4:46</td>
                    </tr>
                    <tr>
                        <td class="idD">3</td>
                        <li><td song="Two.mp3" cover="TwoCover.png" artist="Styline">Two Days Of Hope</td></li>
                        <td>Styline</td>
                        <td class="idD">3:55</td>
                    </tr>
                    <tr>
                        <td class="idD">4</td>
                        <li><td song="Volvo_IKEA_(Official lyric video).mp3" cover="ikeaCover.png" artist="Sander  Hoogendoorn">Volvo Ikea</td></li>
                        <td>Sander  Hoogendoorn</td>
                        <td class="idD">2:09</td>
                    </tr>
                    <tr>
                        <td class="idD">5</td>
                        <li><td song="TBD.mp3" cover="emptycover.png" artist="TBD">TBD</td></li>
                        <td>TBD</td>
                        <td class="idD">TBD</td>
                    </tr>
                    <tr>
                        <td class="idD">6</td>
                        <li><td song="TBD.mp3" cover="emptycover.png" artist="TBD">TBD</td></li>
                        <td>TBD</td>
                        <td class="idD">TBD</td>
                    </tr>
                </table>
        </div>
    </div>
    </div>

    ثم ملف Jquery:

    var audio;
    
    //Hide Pause Initially
    $('#pause').hide();
    
    //Initializer - Play First Song
    initAudio($('#first'));
    
    function initAudio(element){
        var song = element.attr('song');
        var title = element.text();
        var cover = element.attr('cover');
        var artist = element.attr('artist');
    
        //Create a New Audio Object
        audio = new Audio('Music/' + song);
    
        if(!audio.currentTime){
            $('#duration').html('0.00');
        }
    
        $('#audio-player .title').text(title);
        $('#audio-player .artist').text(artist);
    
        //Insert Cover Image
        $('img.cover').attr('src','Pics/Cover/' + cover);
    
        $('#playlist tr').removeClass('active');
        element.parent('tr').addClass('active');
    }
    
    
    //Play Button
    $('#play').click(function(){
        audio.play();
        $('#play').hide();
        $('#pause').show();
        $('#duration').fadeIn(400);
        showDuration();
    });
    
    //Pause Button
    $('#pause').click(function(){
        audio.pause();
        $('#pause').hide();
        $('#play').show();
    });
    
    //Stop Button
    $('#stop').click(function(){
        audio.pause();      
        audio.currentTime = 0;
        $('#pause').hide();
        $('#play').show();
        $('#duration').fadeOut(400);
    });
    
    //Next Button
    $('#next').click(function(){
        audio.pause();
        var next = $('#playlist tr.active').next();
        initAudio(next);
        audio.play();
        showDuration();
        $('#play').hide();
        $('#pause').show();
    
    });
    
    //Prev Button
    $('#prev').click(function(){
        audio.pause();
        var prev = $('#playlist tr.active').prev();
        if (prev.length == 0) {
            prev = $('#playlist tr:last-child');
        }
        initAudio(prev);
        audio.play();
        showDuration();
        $('#play').hide();
        $('#pause').show();
    });
    
    //Playlist Song dblClick
    $('#playlist td:nth-child(2)').dblclick(function () {
        audio.pause();
        initAudio($(this, 'td:nth-child(2)'));
        $('#play').hide();
        $('#pause').show();
        $('#duration').fadeIn(400);
        audio.play();
        showDuration();
    });
    //Playlist song click
    $('#playlist td:nth-child(2)').click(function() {
        audio.pause();
        $('#pause').hide();
        $('#play').show(); 
    });
    //Volume Control
    $('#volume').change(function(){
        audio.volume = parseFloat(this.value / 10);
    });
    
    //Time Duration
    function showDuration(){
        $(audio).bind('timeupdate', function(){
            //Get hours and minutes
            var s = parseInt(audio.currentTime % 60);
            var m = parseInt((audio.currentTime / 60) % 60);
            //Add 0 if seconds less than 10
            if (s < 10) {
                s = '0' + s;
            }
            $('#duration').html(m + '.' + s);   
            var value = 0;
            if (audio.currentTime > 0) {
                value = Math.floor((100 / audio.duration) * audio.currentTime);
            }
            $('#progress').css('width',value+'%');
        });
    }

    لكن عند ضغطي لا يقع أي حدث، وكأني لم أقم بالضغط، فهل من حل للمشكل؟

  9. على صفحة Html بسيطة لدي وسم Div  وأريد أيكون له خلفية عبارة عن صورة، ولا أعلم حقيقة أين هو الخطأ، إليكم الكود:

    <!DOCTYPE html>
    <html>
        <head>
            <title>Index</title>
            <link rel="stylesheet" type="text/css" href="mycss.css">
        </head>
        <body>
            <div id="header"></div>
        </body>
    </html>

    وهذا ملف التنسيق:

    #header{
        background-image: url("header.jpg"); 
        50% 0 repeat; 
        background-size: cover;
    }

    هل من مثال توضيحي؟ أو إبراز مكان الخطأ لدي؟

  10. لدي تطبيق سطح مكتب على لغة #C، والمشكل الذي أواجه أن مقاس النافذة لا يبقى على حاله عند تصغيره بعد إخفاء النافذة وإظهارها من جديد، ولا أدري ما الذي يحدث بالضبط؟

    إليكم لمحة حول الكود البرمجي المستعمل في التطبيق:

    طريقة Draw :

    public virtual void Draw(GameTime gameTime, SpriteBatch spriteBatch)
    {
        // تموضع المكونات 
        spriteBatch.Draw(textureImage, position, new Rectangle(
        (currentFrame.X * frameSize.X),
        (currentFrame.Y * frameSize.Y),
        frameSize.X, frameSize.Y),
        Color.White, 0, Vector2.Zero, 2, SpriteEffects.None, 0);
    }

    حساب مسافات الموقع:

    //  للتموضع Vector2 استعمال
    
    public PlayerMovement(Texture2D textureImage, Vector2 position, Point frameSize, int collisionOffSet, Point currentFrame, Point startFrame, Point sheetSize, float speed, float speedMultiplier, float millisecondsPerFrame)
            : base(textureImage, position, frameSize, collisionOffSet, currentFrame, startFrame, sheetSize, speed, speedMultiplier, millisecondsPerFrame)
    {
            children = new List<Sprite>();
    }

    فكيف يمكنني المحافظة على مقاس النافذة وأماكن مكوناتها حتى بعد إخفاءها وإظهارها من جديد؟

  11. لدي مصفوفة أرقام على تطبيق #C، وأريد من المستخدم ملْء هذه الأخيرة شرط أن أُظهر له رسالة خطأ عند إدخاله لقيمة نصية وليس رقمية، كيف أفعل ذلك؟

    هذه محاولتي الفاشلة :

    static void Main(string[] args)
        {
            // array
            int[] ft = new int[2];
    
            for (int i = 0; i < 2; i++)
            {
                Console.WriteLine("number:");
                ft[i] = Convert.ToInt32(Console.ReadLine()); 
            }
            Console.Read();
        }

     

  12. أعمل على إطار العمل Yii لمن يعرفه، وأريد الانتقال نحو صفحة باستعمال الدالة :

    $this->redirect

    لكن المشكل أنه لا يتم تقل المستخدم إلى الصفحة المُحدّدة، لا أدري لم، وهذه هي الوظيفة المسؤولة عن الانتقال:

    class TplUserNavigation extends CWidget{
    
    public function run()
        {
            if(isset(Yii::app()->user->id) && Yii::app()->user->getState('userType') == 'User'){
             $users = Users::model()->findByAttributes(array('id'=>Yii::app()->user->id));
             $this->render('webroot.themes.'.Yii::app()->theme->name.'.views.layouts.tpl_navigation', array('users'=>$users));
            }else{
              $this->redirect('site/index'); 
        }
    }

    فكيف أستخدم Redirect بشكل صحيح على Yii؟

  13. هل من الممكن إنشاء أعمدة جدول باستخدام Bootstrap وحلقات التكرار على لغة البرمجة Php خاصة بكل 3 أعمدة، بشرط أن أفصل كود php عن كود الواجهة.

    هذا الكود الخاص بي:

    <?php include('connect.php'); 
    $object = "";
    
    $checkTables = $con -> prepare("SELECT * FROM available");
    $checkTables -> execute();
    $tables = $checkTables->fetchALL(PDO::FETCH_ASSOC);
    
    $i = 0;
    
    foreach($tables as $table):
    
        if($table['avail'] == 0) {
            $object .= '<div class="col-sm-4"><div class="table full"><p> 0 seats are avaiable.</p></div></div>';
        } else {
            $object .= '<div class="col-sm-4"><div id="table_'. $table['id'] .'" class="table"><p>' . $table['avail'] . ' seats are avaiable.</p></div></div>';
        }
        $i++;
    endforeach;
    
    ?>
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
        <link rel="stylesheet" href="css/bootstrap.min.css">
        <link rel="stylesheet" href="css/bootstrap-theme.min.css">
        <link rel="stylesheet" href="css/style.css">
    </head>
    <body>
    
    <div class="container-fluid text-center">
        <?php echo $object; ?>
    </div><!-- End of container -->
    
    
    <script type="text/javascript" src="js/jquery-2.1.3.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
    </body>
    </html>

    أود فصل حلقات التكرار، وجعلها أعلى الملف حتى تُفصل عن كود الواجهة -View-، فكيف ذلك؟

  14. أحاول القيام ببعض الحسابات الرياضية من خلال أخذ بعض القيم التي يقوم المستخدم بإدخالها على حقول نصية، باستخدام php، لكن المشكل أن المستخدم يُدخل العديد من القيم مع فواصل تفصل بينها، وأريد إزالة هذه الفواصل.

    مثلا يقوم المستخدم بإدخال القيم :3,2,4 وفي حقل آخر5,4,3,2,1 على أن أكتب شيفرة برمجية تقوم بعملية مجموع ضرب جميع أعداد الحقلين فيما بينها، بهذا الشكل:

    3*5+3*4+3*3+3*2+3*1 + 2*5+2*4+2*3+2*2+2*1 + 4*5+4*4+4*3+4*2+4*1

    وهده نتيجة محاولتي:

    $first = $_POST['first'];
    $second= $_POST['second'];
    
    $maths = $first[0] * $second[0] + $first[0] * $second[1] + $first[0] * $second[2] + $first[0] * $second[3] + $first[0] * $second[4] + $first[0] * $second[5] + $first[1] * $second[0] + $first[1] * $second[1] + $first[1] * $second[2] + $first[1] * $second[3] + $first[1] * $second[4] + $first[1] * $second[5] + $first[2] * $second[0] + $first[2] * $second[1] + $first[2] * $second[2] + $first[2] * $second[3] + $first[2] * $second[4] + $first[2] * $second[5];
    $result = "$first[0] * $second[0] + $first[0] * $second[1] + $first[0] * $second[2] + $first[0] * $second[3] + $first[0] * $second[4] + $first[0] * $second[5] + $first[1] * $second[0] + $first[1] * $second[1] + $first[1] * $second[2] + $first[1] * $second[3] + $first[1] * $second[4] + $first[1] * $second[5] + $first[2] * $second[0] + $first[2] * $second[1] + $first[2] * $second[2] + $first[2] * $second[3] + $first[2] * $second[4] + $first[2] * $second[5]";
    
    echo "</br>";
    echo "the question is $result";
    echo "</br>";
    echo  "the result is $maths ";

    لكن بعد الحساب يظهر لي فواصل مع الأرقام، مما يعني أنها لم تُزَل بشكل كلي وصحيح، كيف أقوم بذلك؟

  15. أنا قليل الخبرة على برنامج Inkscape، ومن خلال التعامل الأولي معه لاحظت أن البرنامج شبه معقد وصعب الاستعمال، فقد حاولت تصميم أيقونة بصيغة png  من خلال القائمة:

    Path>Trace Bitmap

    لكن لم أتمكن من الحصول على خلفية شفقافة في الجزء الابيض، فكيف يمكنكني فعل ذلك؟

  16.  أود السؤال عن الفرق بين وضع أيقونات في رأس الصفحة -Header- ووضع نصوص، مثلا لدي موقع وأريد أن أضع في رأس الصفحة قسم خاص بالأعضاء، قسم بالأسئلة... وأن أضيف أيضا حقل للبحث في الموقع، فهل من الجيد وضع أيقونات لكل قسم، على أن تكون الأيقونات تعكس وظيفة مل منها، أو أضع نص فقط؟ ماهي إيجابيات وسلبيات كل منهما؟

  17. أريد اصافة ألوان مختلفة لعناصر GridViewColumn على ListView، في تطبيق Wpf، وقد بحثت مطولا، وهذه محاولتي للخروج بنتيجة:

    <ListView x:Name="ListBoxSelectedPlaylist" ItemsSource="{Binding Path=SelectedPlaylist.PlayableElements}" Grid.Row="1">
        <ListView.Resources>
            <ContextMenu x:Key="ContextMenu">
                <MenuItem Header="Delete item(s)" Click="ListBoxSelectedPlaylist_MenuItemDeleteItems_Click" />
            </ContextMenu>
            <Style TargetType="{x:Type ListViewItem}">
                <Setter Property="ContextMenu" Value="{StaticResource ContextMenu}"/>
            </Style>
        </ListView.Resources>
        <ListView.View>
            <GridView>
                <GridViewColumn Header="State" DisplayMemberBinding="{Binding ElementPlayingState}" />
                <GridViewColumn Header="Extension" DisplayMemberBinding="{Binding Extension}" />
                <GridViewColumn Header="Filename" DisplayMemberBinding="{Binding Filename}" />
                <GridViewColumn Header="Src" DisplayMemberBinding="{Binding Src}" />
            </GridView>
        </ListView.View>
    </ListView>

    ومع الأسف لا أدري أين يكمن الخطأ؟ كيف يمكنني فعل الأمر؟

×
×
  • أضف...