테스트 사이트 - 개발 중인 베타 버전입니다

ajax으로 해상도 받아와서 php 조건문 사용이 가능 할까요? 채택완료

funnyrin 2년 전 조회 2,026

<div>

   <div>1234567890</div>

</div>

 

위와 같은 내용에서

해상도 300이상 700이하 등으로 456을 감추고 싶다고 할때 ajax이용해서 php 조건문을 사용할 수 있을까요?

 

<?php if(!$is_mobile) { ?>456<?> 이런식으로 모바일에서는 안보이게 가능한데 다양한 해상도 조건에서 사용하고 싶어서요.

 

완전 초보라 맨땅에 해딩하다가 머리 깨지기 직전에 도움 청해봅니다. ㅠ_ㅠ

댓글을 작성하려면 로그인이 필요합니다.

답변 3개

채택된 답변
+20 포인트
M
2년 전

</p>

<p>var width = $(window).width();</p>

<p>if (width>300 && width<700){</p>

<p>   $("#div_456").hide(); </p>

<p>}</p>

<p>

위에처럼 해상도를 받아오신후에 jquery 단에서 안보이게 처리하시면 됩니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

f
funnyrin
2년 전
답변 감사합니다. ^^

댓글을 작성하려면 로그인이 필요합니다.

Ajax를 사용하여 PHP 조건문을 적용하여 해당 내용에서 숫자 "456"을 감출 수 있습니다.

다음은 Ajax와 PHP를 사용하여 해당 작업을 수행하는 예시 코드입니다.

HTML:

</p>

<p><div id="content"></p>

<p>   <div>1234567890</div></p>

<p></div></p>

<p>

 

JavaScript (Ajax):

</p>

<p>$.ajax({

    url: "your_php_script.php",

    type: "POST",

    data: {},

    dataType: "html",

    success: function(response) {

        $("#content").html(response);

    },

    error: function(request, status, error) {

        alert("An error occurred: " + error);

    }

});</p>

<p>

 

PHP (your_php_script.php):

</p>

<p><?php

$content = '<div>1234567890</div>';

$resolution = // your code to determine the resolution, e.g. using $_GET or $_POST</p>

<p>if ($resolution >= 300 && $resolution <= 700) {

    $content = str_replace('456', '', $content);

}</p>

<p>echo $content;

?>

 

위의 예시 코드에서, Ajax 요청을 PHP 스크립트(your_php_script.php)로 전송합니다.

PHP 스크립트에서는 $resolution 변수를 사용하여 해상도를 판별하고,

해당 범위 내의 해상도인 경우 $content 변수의 내용에서 숫자 "456"을 제거합니다.

그리고 수정된 내용을 Ajax 응답으로 반환하여 JavaScript에서 받은 응답을 #content 요소에 적용합니다.

해당 코드는 예시이며,

실제로는 해상도를 어떻게 판별하고 내용을 수정할지에 대한 구체적인 방법이 필요합니다.

예를 들어, 사용자 에이전트 문자열을 분석하거나 JavaScript를 통해 해상도를 감지하는 방법 등을 사용하여 $resolution 값을 설정해야 합니다.

 

챗GPT 답변입니다.

참고하세요.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

f
funnyrin
2년 전
답변감사합니다. ^^

댓글을 작성하려면 로그인이 필요합니다.

팬텀디자인

전달해야 하는 파라미터 값이나 변수값이 있는게 아니라면, css를 응용해서 처리를 해도 충분히 가능합니다.

 

default.css

</p>

<p>@media (min-width:700px) { </p>

<p>div { display:none; } /* 700px 이상에서는 안 보여지게 */</p>

<p>}</p>

<p>/* 700px 이하에서 보여지게 */

@media (max-width:700px) { </p>

<p>div { display:block; }</p>

<p>}</p>

<p>

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

f
funnyrin
2년 전
답변 감사합니다~ ^^

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인