2013-08-28 2 views
0

데이터베이스에서 일부 정보를 가져 와서 모달에 넣으려고합니다. 나는 재단 웹 사이트에 가서 자신의 워드 프로세서 섹션에서 그것을 파악하려고했습니다. 나는 그것을 정확하게 이해하지 못한다. 따라서 사용자가 업로드 한 노래를 삭제하도록 요청할 수있는 사이트 섹션이 있습니다. 이제 X가 클릭되면 모달이 나타나서 확인을 요청해야합니다.기초 모달의 PHP

<div class="row"> 
     <div class="large-8 column musicup"> 
     <p> <?php echo "No music uploaded..."; ?> </p> 
     </div> 
    </div> 
    <?php 
     }else{ 
      ?> 
    <h2 style="margin-top:1em;">Music uploaded</h2> 
    <hr style="opacity:.4;"> 
    <?php 
      while($row_a = mysql_fetch_array($res)) 
     { 
    ?> 
    <div class="row"> 
     <div class="large-4 column musicup"> 
     <p><?php echo $row_a['title']; ?></p> 
     </div> 
     <div class="large-3 column musicup"><span data-tooltip class="has-tip tip-top" title="<?php echo $row_a['reason']; ?>"> 
     <div class="button <?php echo $row_a['status'];?>"><?php echo $row_a['status'];?></div> 
     </span></div> 
     <div class="large-3 column musicup_date"> 
     <p><?php echo date('F j Y',strtotime($row_a['uploaded'])); ?> </p> 
     </div> 
     <div class="large-2 column musicup"> 
     <p><a href="song_delete.php?id=<?php echo $row_a['song_id']; ?>" data-reveal-id="deleteMusic" data-reveal-ajax="true" style="font-weight:bold">X</a></p> 
     </div> 
    </div> 
    <?php 
      } 
     } 
    } 
    ?> 
    </div> 

그래서 지금은 모달 및 song_delete.php라는 새로운 페이지의 모든 데이터베이스 쿼리가 있습니다. 사전에 어떤 도움

<?php 
include_once "functions.php"; 

$query = sprintf("SELECT * FROM songs WHERE user_id = %d AND song_id = %d",$_SESSION['user_id'], $_GET['id']); 
$res = mysql_query($query) or die('Error: '.mysql_error()); 
$row_a = mysql_fetch_assoc($res); 
$totalRows_a = mysql_num_rows($res); 
?> 
<div id="deleteMusic" class="reveal-modal medium"> 
<h2>Request to delete<span style="color:#F7D745;"> <?php echo $row_a['title']; ?></h2> 
<p class="lead">Are you sure you want to delete this song? Please allow 2 full business weeks for deletion.</p> 
<span style="float:right;"><a href="#" class="button close-reveal-modal cancelbtn">Cancel</a>  
<a href="#" class="button submitbtn">Submit</a> </span> 

<a class="close-reveal-modal">&#215;</a> 
</div> 

감사 : 여기

는 코드입니다. 감사합니다.

는 mysql_query에 대해 말해 내가 PDO 또는 MySQLi 및 OOP 내가이 알고 있지만이 사이트는 현재 모든 코딩되지를 사용하는 방법을 해달라고하십시오 ..

답변

0

OK 처음 일을 첫번째 - 자사 종종 더 나은 이 경우 컴파일 소스 (HTML 소스 코드)를보십시오. 이럴 수있어? 당신이 준 코드에서 보면 괜찮아 보이지만 css/js를 연결하지 않고 공개 코드의 배치를 보여주는 것은 말할 길이 없어요. 재단은 일

1을 계시하는 방법


은 - 모달 코드는 바로이 </body>를 종료하기 전에 배치됩니다. 30 %의 브라우저 폭의 크기를 공개 당신이 .small의 추가 클래스를 사용할 수 있습니다 원하는 크기에 따라 (또는 중 하나 -

<div id="myModal" class="reveal-modal"> 
    <h2>Awesome. I have it.</h2> 
    <p class="lead">Your couch. It is mine.</p> 
    <p>Im a cool paragraph that lives inside of an even cooler modal. Wins</p> 
    <a class="close-reveal-modal">&#215;</a> 
</div> 

3 : -

2는 다음과 비슷한 모습이 될 것입니다. 이런 (재 문서로부터 직접 촬영)

  • .medium : 40 %의 폭을 설정
  • .large :. 집합 너비는 60 %입니다.
  • xlarge : 너비를 70 %로 설정하십시오.
  • .expand : 너비를 95 %로 설정하십시오.

4 -이 시점에서 data-reveal-id="<id of modal here>"을 첨부하거나 재단을 통해 모달로 문의 할 수 있습니다. 이 시점에서 모달은 모든 Foundation 4 지원 브라우저에서 팝업됩니다. 그러나 닫으려면 자바 스크립트 파일이 필요합니다..

5 - 그럼 :-) 의도 한대로 작동해야 자바 스크립트 라이브러리 마법의 jQuery를 통해 다음 $(document).foundation()를 호출 - 이제 필요한 스크립트

<!-- If running version with default scripts --> 
<script src="foundation.js"></script> 
<script src="foundation.reveal.js"></script>  

(6)이 있는지 확인하십시오.

$(document).foundation('reveal',<options here>,<callback>)

가 마지막으로 촬영할 수 있습니다

엑스트라

  • 당신은 엑스트라를 추가 할 수는이 방법 (List of all the attributes )을하고자하는 경우 공개 속성 이 아약스 태그 (당신은 어떤 콘텐츠도 호출하지 않습니다.) 비동기 적으로 - 서버를 통해 런타임에 모두 컴파일됩니다.