• 27-04-2014, 19:10:00
    #1
    Merhaba arkadaşlar, wordpress'de kullanmak istediğim eklentinini seçeneklerini yan yana düzenlemek istiyorum. Yani;

    1 2 3
    4 5 6

    şeklinde. Fakat eklentide şuan;

    1
    2
    3
    ..

    Şeklinde.Sanırım $choices'a göre düzenlememiz gerekli, fakat yapamadım.


    <?php if(!empty($first_load)):?><div class="chained-quiz" id="chained-quiz-div-<?php echo $quiz->id?>"><?php endif;?>
    <form method="post" id="chained-quiz-form-<?php echo $quiz->id?>">
    	<div class="chained-quiz-area">
    		<div class="chained-quiz-question">
    			<?php echo $_question->display_question($question);?>
    		</div>
    		
    		<div class="chained-quiz-choices"style="width:150px">
    		
    			<?php echo $_question->display_choices($question, $choices);?>
    
    		</div>
    			
    		
    		<div class="chained-quiz-action">
    			<input type="button" value="<?php _e('Go Ahead', 'chained')?>" onclick="chainedQuiz.goon(<?php echo $quiz->id?>, '<?php echo admin_url('admin-ajax.php')?>');">
    		</div>
    	</div>
    	<input type="hidden" name="question_id" value="<?php echo $question->id?>">
    	<input type="hidden" name="quiz_id" value="<?php echo $quiz->id?>">
    	<input type="hidden" name="question_type" value="<?php echo $question->qtype?>">
    	<input type="hidden" name="points" value="0">
    </form>
    <?php if(!empty($first_load)):?></div><?php endif;?>
    Resim olarka göstermek gerekirse

    Şuan ki hali bu şekilde, alt altda sıralanıyor :



    Sıralanmasını istediğim şekil ise bu :

  • 27-04-2014, 19:28:47
    #2
    Üyeliği durduruldu
    _sinan_ adlı üyeden alıntı: mesajı görüntüle
    Merhaba arkadaşlar, wordpress'de kullanmak istediğim eklentinini seçeneklerini yan yana düzenlemek istiyorum. Yani;

    1 2 3
    4 5 6

    şeklinde. Fakat eklentide şuan;

    1
    2
    3
    ..

    Şeklinde.Sanırım $choices'a göre düzenlememiz gerekli, fakat yapamadım.


    <?php if(!empty($first_load)):?><div class="chained-quiz" id="chained-quiz-div-<?php echo $quiz->id?>"><?php endif;?>
    <form method="post" id="chained-quiz-form-<?php echo $quiz->id?>">
    	<div class="chained-quiz-area">
    		<div class="chained-quiz-question">
    			<?php echo $_question->display_question($question);?>
    		</div>
    		
    		<div class="chained-quiz-choices"style="width:150px">
    		
    			<?php echo $_question->display_choices($question, $choices);?>
    
    		</div>
    			
    		
    		<div class="chained-quiz-action">
    			<input type="button" value="<?php _e('Go Ahead', 'chained')?>" onclick="chainedQuiz.goon(<?php echo $quiz->id?>, '<?php echo admin_url('admin-ajax.php')?>');">
    		</div>
    	</div>
    	<input type="hidden" name="question_id" value="<?php echo $question->id?>">
    	<input type="hidden" name="quiz_id" value="<?php echo $quiz->id?>">
    	<input type="hidden" name="question_type" value="<?php echo $question->qtype?>">
    	<input type="hidden" name="points" value="0">
    </form>
    <?php if(!empty($first_load)):?></div><?php endif;?>
    Resim olarka göstermek gerekirse

    Şuan ki hali bu şekilde, alt altda sıralanıyor :



    Sıralanmasını istediğim şekil ise bu :

    Bize $choices değişkeninin içeriğini vermelisin ki ona göre düzenleyelim.
  • 27-04-2014, 19:50:25
    #3
    Hocam sanırım burası, kullandığım eklentinin linkinide aşağıda verdim.

      // choices
         if($wpdb->get_var("SHOW TABLES LIKE '".CHAINED_CHOICES."'") != CHAINED_CHOICES) {        
    			$sql = "CREATE TABLE `" . CHAINED_CHOICES . "` (
    				  `id` INT UNSIGNED NOT NULL AUTO_INCREMENT PRIMARY KEY,
    				  `quiz_id` INT UNSIGNED NOT NULL DEFAULT 0,
    				  `question_id` INT UNSIGNED NOT NULL DEFAULT 0,
    				  `choice` TEXT,
    				  `points` DECIMAL(4,2) NOT NULL DEFAULT '0.00',
    				  `is_correct` TINYINT UNSIGNED NOT NULL DEFAULT 0,
    				  `goto` VARCHAR(100) NOT NULL DEFAULT 'next'
    				) DEFAULT CHARSET=utf8;";
    			
    			$wpdb->query($sql);
    	  }


    http://wordpress.org/plugins/chained-quiz/
  • 28-04-2014, 15:13:23
    #4
    güncel
  • 28-04-2014, 15:33:04
    #5
    listelemek istediğiniz div tagına float:left; verin.
  • 28-04-2014, 15:40:32
    #6
    bunda phplik durum yokki css ile yapılabilir
    tek resimleri ana div yada lide kullanılmış olabilir onlara float:left değerleri vermeniz gerekir
    ayrıca bir üst divinde 3 tane yanyana sığmayabilir oranında width değeri yarlanmalı
  • 28-04-2014, 17:10:26
    #7
    samsunikinciel adlı üyeden alıntı: mesajı görüntüle
    listelemek istediğiniz div tagına float:left; verin.
    float:left verdiğimde bu şekilde oluyor, alttaki buton yan tarafa geliyor.

    edit: sanırım CodeS'in söylediği gibi bir üst div'e width kısmını ayarlarsam olacak ?


    CodeS adlı üyeden alıntı: mesajı görüntüle
    bunda phplik durum yokki css ile yapılabilir
    tek resimleri ana div yada lide kullanılmış olabilir onlara float:left değerleri vermeniz gerekir
    ayrıca bir üst divinde 3 tane yanyana sığmayabilir oranında width değeri yarlanmalı
    bende css'den değiştirmek istedim fakat css dosyası aşağıdaki gibi. Fazlada kod bilgim yok o yüzden yapamadım.

    .chained-quiz-action {
    	padding-top: 20px;
    	padding-bottom: 20px;
    }
    Edit: float:left değeri verip, üst div'in width değerini genişlettiğimde aşağıdaki gibi oldu, yine yan yana sıralanmıyor, aşağı doğru uzuyor.

  • 28-04-2014, 18:28:48
    #8
    <div class="chained-quiz-choices" style="width:150px">

    olan kısmı

    <div class="chained-quiz-choices"style="width:150px;float:left;">

    yapın.
  • 28-04-2014, 19:05:24
    #9
    digiklan adlı üyeden alıntı: mesajı görüntüle
    <div class="chained-quiz-choices" style="width:150px">

    olan kısmı

    <div class="chained-quiz-choices"style="width:150px;float:left;">

    yapın.
    Son resimde öyle yapmıştım Hocam.

    Emin olmamakla beraber sanırım burdan çözebilirim ?

      // displays the possible choices on a question
      function display_choices($question, $choices) {
      	   $autocontinue = '';
      	   if($question->qtype == 'radio' and $question->autocontinue) {
      	   	$autocontinue = "onclick=\"chainedQuiz.goon(".$question->quiz_id.", '".admin_url('admin-ajax.php')."');\"";
      	   }
      	   
      	   
    		switch($question->qtype) {
    			case 'text':
    				return "<div class='chained-quiz-choice'><textarea class='chained-quiz-frontend' name='answer'></textarea></div>";
    			break;
    			case 'radio':
    			case 'checkbox':
    				$type = $question->qtype;
    				$name = ($question->qtype == 'radio') ? "answer": "answers[]";
    				
    				$output = "";
    				foreach($choices as $choice) {
    					$choice_text = stripslashes($choice->choice);
    					
    					$output .= "<div class='chained-quiz-choice'><label class='chained-quiz-label'><input class='chained-quiz-frontend chained-quiz-$type' type='$type' name='$name' value='".$choice->id."' $autocontinue> $choice_text</label></div>";
    				}
    						
    				return $output;
    			break;
    		}
      } // end display_choices