Php 显示依赖于Get[';状态的隐藏Div';]
希望有人知道怎么做。。。 我希望显示/隐藏工作取决于单击的图像/图标 例如,如果单击请求图标,颜色框弹出窗口将显示请求和提供的Php 显示依赖于Get[';状态的隐藏Div';],php,jquery,jquery-animate,Php,Jquery,Jquery Animate,希望有人知道怎么做。。。 我希望显示/隐藏工作取决于单击的图像/图标 例如,如果单击请求图标,颜色框弹出窗口将显示请求和提供的divs。 然而,如果单击“已接受”图标,颜色框弹出窗口将显示“已接受”和“已提供”div,但隐藏“请求”div 以下是PHP中的一些: <div <?php if($_GET['status']=="Requested"){ echo "class=iconActive";}else {echo "class=iconInactive";}?&g
divs。
然而,如果单击“已接受”图标,颜色框弹出窗口将显示“已接受”和“已提供”
div,但隐藏“请求”div
以下是PHP中的一些:
<div <?php if($_GET['status']=="Requested"){ echo "class=iconActive";}else {echo "class=iconInactive";}?>>
<a href="/index.php/agent-appointment-request-list/?status=Requested">
<img src="components/com_agent/images/requestedIcon_s1.png" id="requestedIcon" alt="" /></a>
<div class="iconTitle">Requested</div>
</div>
更新:以下是将显示/隐藏的内容部分:
<div class="AppointmentTitleFirst">
<img src="components/com_agent/images/req_appt_title_s1.png" class="ApptIcon"></img>
<h1>Requested Appointment # <?php echo $this->appointment->id;?> Status:<?php echo $this->appointment->status_name;?></h1>
<img src="components/com_agent/images/dropdown_arrow_s1.png" class="ApptDropDownArrow1" id="show_hideReq"></img>
</div>
<div class="clearFloat"></div>
<div id="requestedAppointmentContent" class="slidingDivReq">
Content here....
</div>
请求的预约#状态:
内容在这里。。。。
基本上,我不知道如何使用GET['status']
并将其用于显示/隐藏。因此,如果GET['status']==Requested
,那么show_hideReq
将是.show()
,但我在颜色框中的其他div将使用.hide()
(除非这是一个需要几个其他div才能.show()
)的页面)
希望有人会知道
我不知道如何使用GET['status']并将其与
显示/隐藏
您可以使用隐藏元素作为变量,以便在jquery中测试GET['status']
。在php页面中添加此元素:
<input type="hidden" id="StatusId" value="<?php echo GET['status']; ?>"/>
您应该在重定向到此php页面的url中发送status
值,例如,从js文件中,它看起来像:
var url = "http://localhost/yourcurrentphpfile.php?Status=" + somevalue;
window.location.href = url;
或者,php页面中重定向到此页面的单击的
标记应具有href
属性,如http://localhost/yourcurrentphpfile.php?Status=somevalue
yourcurrentphpfile.php
是包含隐藏输入的php页面
我不知道如何使用GET['status']并将其与
显示/隐藏
您可以使用隐藏元素作为变量,以便在jquery中测试GET['status']
。在php页面中添加此元素:
<input type="hidden" id="StatusId" value="<?php echo GET['status']; ?>"/>
您应该在重定向到此php页面的url中发送status
值,例如,从js文件中,它看起来像:
var url = "http://localhost/yourcurrentphpfile.php?Status=" + somevalue;
window.location.href = url;
或者,php页面中重定向到此页面的单击的
标记应具有href
属性,如http://localhost/yourcurrentphpfile.php?Status=somevalue
yourcurrentphpfile.php
是包含隐藏输入的php页面。您最好使用$(element.css(“dissplay”,“none”)
隐藏元素和$(element.css(“display”、“inherit”)代码>以显示它
在PHP中,最好使用if(isset($\u GET['status'])和&!empty($\u GET['status'])
来确保您有一个值。此外,您还需要编辑回显说明,以便:
echo 'class = "iconActive"';
及
遵循代码的逻辑
$(function(){ //on page load
$("div.classActive").load(function(){
//Do whatever you want when the div is active such as show/hide elements
})
$("div.classInactive").load(function(){
//Do whatever you want when the div is inactive such as show/hide elements
})
})
由于页面呈现时只会存在其中一个元素,因此将只执行其中的一个元素。您最好使用$(element).css(“dissplay”,“none”)
隐藏元素和$(element.css(“display”、“inherit”)代码>以显示它
在PHP中,最好使用if(isset($\u GET['status'])和&!empty($\u GET['status'])
来确保您有一个值。此外,您还需要编辑回显说明,以便:
echo 'class = "iconActive"';
及
遵循代码的逻辑
$(function(){ //on page load
$("div.classActive").load(function(){
//Do whatever you want when the div is active such as show/hide elements
})
$("div.classInactive").load(function(){
//Do whatever you want when the div is inactive such as show/hide elements
})
})
当页面呈现时,只会执行其中的一个。jQuery中提到的类和ID与您提供的HTML中的任何元素都不匹配,因此您提供了错误或不完整的HTML部分,或者这就是它不起作用的原因。此外,根据对我的其他评论的回复,可能相关,也可能不相关,但是:如果$\u GET['status']==“Requested”
,则在
元素上附加一个iconActive
类,以便检查该类是否存在(使用.hasClass()
jQuery函数)如果该
元素是要显示或隐藏的元素。jQuery中提到的类和ID与您提供的HTML中的任何元素都不匹配,因此您提供了错误或不完整的HTML部分,或者这就是它不起作用的原因。此外,根据对我的其他评论的回复,可能相关,也可能不相关,但是:如果$\u GET['status']==“Requested”
,则在
元素上附加一个iconActive
类,以便检查该类是否存在(使用.hasClass()
jQuery函数)如果该
元素是您要显示或隐藏的元素,或者是其他元素,则结果相同!,或者,这是同样的结果!嗨,MGA,我只是在尝试你的解决方案,我不知道为什么,但我不相信它能正确地恢复我这边的状态。我注意到,当我把“@Nina,你应该添加type=hidden
来隐藏,然后确保你从重定向到此页面的url发送了get请求中的状态变量,请参阅我的编辑。我确信在某种程度上这应该是可行的,但当我尝试时,它对我来说根本不起作用。一定有别的事干扰了/@Nina,这怎么不起作用,你能用你最近使用的代码更新这个问题吗,顺便说一句,你可以用firebug调试你的javascirpt代码,看看你的代码中是否有问题。嗨,MGA,我只是在尝试你的解决方案,我不知道为什么,但我不相信它能正确地检索到我这边的状态。我注意到,当我把“@Nina,你应该添加type=hidden
来隐藏,然后确保你从重定向到此页面的url发送了get请求中的状态变量,请参阅我的编辑。我确信在某种程度上这应该是可行的,但当我尝试时,它对我来说根本不起作用。一定有别的事干扰了/@Nina,这是怎么回事,你能用你最近使用的代码更新这个问题吗?顺便说一句,你可以用firebug调试你的javascirpt代码,看看你的代码中是否有问题。