Search the Community

<?php function getFullMonthName($num) { if ($num < 1 || $num > 12) { return "Unknown"; } return ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"][$num - 1]; } $ids = mysqli_real_escape_string($db, $id); $sql = "SELECT * FROM multimedia, keertan WHERE multimedia.id LIKE '$ids' AND keertan.multimediaid LIKE '$ids' ORDER BY k_order ASC"; $result = mysqli_query($db, $sql); $title_list = "xyz"; $done = "xyz"; while ($myrow = mysqli_fetch_array($result)) { $location = $myrow["location"]; $program = $myrow["program"]; $year = sprintf("%04s", $myrow["year"]); $month = sprintf("%02s", $myrow["month"]); $monthName = getFullMonthName($month); $isnew = $myrow["isnew"]; if ($done != "true") { echo "<h3><b>$location $program $monthName $year</b></h3>"; } $done = "true"; while ($title_list != $myrow["title"]) { $title_list = $myrow["title"]; $sublist = $myrow["sub_title"]; echo "<div class=\"panel panel-primary\"><div class=\"panel-heading clickable\"><h3 class=\"panel-title\"><b>$title_list</b></h3>"; echo "<small>$sublist</small><span class=\"pull-right\"><i class=\"fa fa-minus\"></i></span></div><div class=\"panel-sarabveer-table\"><table class=\"table\"><thead><tr><th>Time</th><th>Kirtani</th><th>MP3</th><th>Video</th></thead>"; } if (strtotime($myrow["created"]) > strtotime("3 weeks ago")) { $newed = "NEW"; } elseif (strtotime($myrow["modified"]) > strtotime("3 weeks ago")) { $newed = "UPDATED"; } else { $newed = ""; } printf("<tr><td>%s</td><td>%s <small>%s</small></td>", $myrow["length"], $myrow["keertaneeya"], $newed); $mp3f = urlencode($myrow['mp3_link']); if ($myrow["mp3_link"] != "") { printf("<td><a target=\"_blank\" href=\"http://www.akji.org.uk/multimedia/%s/%s/%s\"><img src=\"images/play.png\" border=\"0\" width=\"25\" height=\"25\"></a></td>", $myrow["location"], $year, $mp3f); } else { echo "<td></td>"; } if ($myrow["rv1_link"] != "") { printf("<td><a target=\"_blank\" href=\"%s\"><img src=\"images/vplay.png\" border=\"0\" width=\"25\" height=\"25\"></a></td></tr>", $myrow["rv1_link"]); } else { echo "<td></td></tr>"; } echo "</table></div></div>"; } ?> So Basically I have this code that displays this page: https://akjmobile.org/keertannew.php?id=532 The problem is that the echo on line 97 runs to early and cuts of rest of the table information, making the other table information be spit out outside of the Bootstrap Panel. How would I fix this?

I have a simple setup where I have a collapsed menu. When you click on the button, it will open a menu. If the menu is already opened and you open another menu, the previous menu will collapse. All that works. The only thing I noticed is that It will not collapse the opened menu if I click the same button. That menu will only collapse if I open a different menu. I was wondering how the code below will look with that extra function added? Here's the code for that. <h5 class="mobile-collapse__title">Title Button</h5> <div class="mobile-collapse__content"> <ul> <li>list 1</li> <li>list 2</li> <li>list 3</li> </ul> </div> <script> $(document).ready(function($){ $(".mobile-collapse__title").click(function(e) { e.preventDefault(); $('.mobile-collapse__content:visible').hide(); $(this).next('div.mobile-collapse__content').show(); }); }); </script>

Been trying to get these to scale, I got the top image and everything else to scale just not these images. Any help would be greatly appreciated, thanks in advance. http://www.golden-wand.com/members/contact.php <div id="bannerImage"> <div id="bannerImage1"><img src="../Assets/Pictures/Golden Wand/CutOut/Tools.png" width="auto" height="200px" alt="Tools"></div> <div id="bannerImage2"><img src="../Assets/Pictures/Golden Wand/CutOut/Angled Truck.png" width="auto" height="200px" alt="Truck"></div> </div> http://www.golden-wand.com/members/styles.css div#bannerImage {border:solid purple; width:100%; height:222px; display:table; } div#bannerImage1 {border:solid red; position:relative; float:left; margin-top:7px; margin-left:130px; max-height:200px; max-width:40%; display:table-cell; } #bannerImage1 img{ position:relative; max-width:auto; max-height:100%; } div#bannerImage2 {border:solid blue; position:relative; float:left; margin-top:7px; margin-left:150px; max-height:200px; max-width:50%; display:table-cell; } #bannerImage2 img{ position:relative; max-width:auto; max-height:100%; } Here's my link to my text file of ownership: http://www.golden-wand.com/phpfreaks.txt

I have multiple divisions on my page.. what happens is by having next and previous buttons on my page i can browse thru the divisions... now i have save and delete on each page, i enter some values in the textboxes of the respective divs and they get saved or deleted.. i want to refresh those textboxes after saving or deleting, as the textboxes retrieve the values from database and show as their values.. now i don't want to refresh the page as i would have to start again from the first div even i was on lets say 55th div... is there a way that the textbox values can be refresh on lets say a refresh button or the whole division gets refreshed... all i want is the textboxes to be updated to the recent value without the whole page being refreshed... any help would be welcome..

Hello Everyone, As I am a novice, posting this simple question. Am trying to design my first webpage using PHP. I have successfully created a wrapper page (index.php) as in the attachment whereas I get into trouble when I try to include PHP content pages into index.php. The real problem occurs in the alignment and not with the include command. The problem seems not to go away even if I match the height and width of #contentsize to #rcontent. PHP: <div id="rcontent"> <div id=contentsize> <?php include 'home.php'; ?> </div> </div> CSS: #rcontent { width:894px; height:530px; background-color:blue; float:right; border-color:white; border-width:5px 3px 5px 3px; border-style:solid; } #contentsize { width:894px; height:530px; } Could someone help me out? Expected Result: PHP contents should fit in blue box. Thanks in Advance!!

Hello All, I have been going crazy trying to figure this out, I hope someone can help me out I have header and footer.php files that on all my pages I get them to load with include, but for some strange reason, this certain page it will not load I did some research and apparently theres problems with div and php, does anyone know how to make this work? Thank you in advance, Elaine test.txt

so I am not the best coder, and have been having a really hard time getting this devision in javascript. I would put it in html, but I use javascript to clear the page <div id="test" style='position:fixed;bottom:0;left:0; height:76;background:darkorange;width:100%;'><h><object width="75" onclick="web()" height="75" data="img1.jpg"></object> <object width="75" onclick="mdoge()" height="75" data="img2.jpg"></object> <object width="75" onclick="word()" height="75" data="img3.jpg"></object></h></div> so that code above is the code I need to put in a document.write of something of equivalence. Is there any way to put this in javascript? thank you

I am building admin control panel for a website. The admin cp has 3 columns(div): 1st column/div - left menu items (left column) 2nd column/div - content display area (which is in center) 3rd column/div - right menu items (right column) This is how it works; when a link is clicked from 1st column/div, the page linked will be opened in the 2nd column/div and in the similar way when a link is clicked from 3rd column/div, the page linked will be opened in the 2nd column/div. I used iframe in 2nd column/div to achieve this i.e, open links in the same page without refreshing the page. The problem I have: When the page opened in 2nd column/div has the height greater than the height mentioned in the iframe, scroll bar appears inside the div. What I want: I want to display the linked page either from 1st column/div or 3rd column/div in 2nd column/div with its full height without the scroll bar appearing inside the div. The browser window (all columns combined) should get the scroll bar instead, using which I shall be able to scroll down. The left and right columns/div should go upwards/downwards when I use the scroll bar displaying the page linked/opened totally in 2nd column/div. ****In simple I want a facebook like design which should have menu items on either side of the browser window, clicking the links should open the page linked in center and if the linked page has more data that cannot be displayed in that div, it should expand the center div downwards to display the data (not dynamically, statically).**** Please get me this solved or suggest me another way to achieve this. Thanks in advance. admin.php styles.css view.php

I have created the chat system. I want to reload the div so that it can have the effect of instant messaging.I am very new to php. Can anyone help me? Attached is the php file of the display messagees page:( conversations.php

I have problem with my code. What i'm trying to do is loop through a 2d array first looking at the level so i should have 8 <div class="group">. I then need to loop through the inner part of the array and i need to create groups of 4 so i should start with <div class="slide"> and close it after 4 items and if there are more repeat this process. The problem lies with this part. If i take it out it works but i need to get this in like shown below in my example output Problem code <?php if ($count % NUMCOLS == 0) echo '<div class="slide">'; # new row ?> <?php echo $count; ?> <?php $count++; ?> <?php if ($count % NUMCOLS == 0) echo '</div>'; # new row ?> Full code <?php define ("NUMCOLS",4); ?> <?php foreach ($this->level as $level => $courses): ?> <?php $count = 0; ?> <div class="group" id="level<?=$level;?>"> <div class="controls"><button class=prev>Previous</button> <button class=next>Next</button></div> <div class="pics" data-fx="scrollLeft" data-speed=300> <?php foreach ($courses as $course => $records): ?> <?php foreach ($records as $record): ?> <?php if ($count % NUMCOLS == 0) echo '<div class="slide">'; # new row ?> <?php echo $count; ?> <?php $count++; ?> <?php if ($count % NUMCOLS == 0) echo '</div>'; # new row ?> <?php endforeach; ?> <?php endforeach; ?> </div> </div> <?php endforeach; ?> Actual output <div class="group" id="level1"> <div class="controls"><button class=prev>Previous</button> <button class=next>Next</button></div> <div class="pics" data-fx="scrollLeft" data-speed=300> <div class="group" id="level2"> <div class="controls"><button class=prev>Previous</button> <button class=next>Next</button></div> <div class="pics" data-fx="scrollLeft" data-speed=300> <div class="slide"> </div> <div class="slide"> </div> </div> </div> </div> </div> desired output <div class="group" id="level1"> <div class="controls"><button class=prev>Previous</button> <button class=next>Next</button></div> <div class="pics" data-fx="scrollLeft" data-speed=300> <div class="slide"> </div> <div class="slide"> </div> </div> </div> <div class="group" id="level2"> <div class="controls"><button class=prev>Previous</button> <button class=next>Next</button></div> <div class="pics" data-fx="scrollLeft" data-speed=300> <div class="slide"> </div> <div class="slide"> </div> </div> </div>

Good evening folks. I am very much so a newbie at writing webpages, and I will admit I am much stronger in martial arts than coding. But I have spent the last week losing more hair then required trying to get the page I am developing to work as intended. Primary issue, I have several links they load images into Div's there is something goofy going on when I click on a link for example to load my images works like a champ, but then when I click on my link to load the iframe webpage to display the Shotokan Federation inside my webpage it opens it in a new browser. But if I reload the page and click on Shotokan Federation link works like a champ loads into same page inside my iframe. moment I click on any other link and go back to shotokan fed it does not work as intended. loads the webpage on a newly opened browser. Below is my source and yes I am new so please I am trying really hard to get it right. Also the only way this looks right is on google chrome too but thats a different issue for the next round of banging head into concrete. <PS> I commented a lot of my code to make it easier to follow. <script src="respond.min.js"></script> <!-- Java Script for diplaying two images on single click Instructors Link in Div4 and Div5 --> <script type="text/javascript"> function Instructors(){ document.getElementById("div5").style.display="block"; document.getElementById("div4").innerHTML="<img src='Images/Instructors/Instructors.png' alt=''/>"; document.getElementById("div5").innerHTML="<img src='Images/Instructors/Instructor_pics.jpg' alt=''/>"; } <!-- Java Script for diplaying two images on single click Tang Soo Do Link in Div4 and Div5 --> function TangSooDo(){ document.getElementById("div5").style.display="block"; document.getElementById("div4").innerHTML="<img src='Images/TangSooDo/TangSooDo_Brief_History.png' alt=''/>"; document.getElementById("div5").innerHTML="<img src='Images/TangSooDo/Hwang_Kee.jpg' alt=''/>"; } <!-- Java Script for diplaying two images on single click Shotokan Link in Div4 and Div5 --> function Shotokan(){ document.getElementById("div5").style.display="block"; document.getElementById("div4").innerHTML="<img src='Images/Shotokan/Shotokan_Brief_History.png' alt=''/>"; document.getElementById("div5").innerHTML="<img src='Images/Shotokan/Funakoshi.jpg' alt=''/>"; } <!-- javascript to load Shotokan Federation into Iframe --> function ShotokanFed(link){ window.ifrm.location=link; window.location.hash='ifrm' window.open("http://www.jka.or.jp/english/e_index.html","ifrm","scrollbars=no"); } </script> </head> <body> <!-- Header Image --> <div class="gridContainer clearfix"> <div id="div1" class="fluid" align="center"><img src="Images/Banner/Header_Banner.png" alt="Banner" /></div> <!-- Top Navigator Div2 --> <div id="div2" class="fluid"><div align="right" style="margin-bottom: 1em;"> <p class="alignleft"><a href="index.html" target="_self">Home</a> | Sign In</p> <p class="alignright">Follow Us | Feedback | Contact Us | Join Us</p> </div> <div style="clear: both;"></div> <hr></div> <!-- Side Navigator --> <div id="div3" class="fluid"> <p> <a href="javascript:Instructors();">Instructors</a> </p> <p>Events</p> <p>Class Schedule</p> <p>Class Locations</p> <p> <a href="javascript:TangSooDo();">Tang Soo Do</a> </p> <p> <a href="javascript:Shotokan();">Shotokan</a></p> <p> <a id="ShotokanFedLink" title="Click to load Shotokan Federation Page" href="PleaseEnableJavascript.html" onclick="ShotokanFed();return false;">Shotokan Federation</a> <!--<a href="javascript:ShotokanFed();">Shotokan Federation</a>--> <!--onClick="$('#ifrm').show();"--> <!--<a href="javascript:void(0)" onclick="ShotokanFed('http://jka.or.jp/english/e_index.html')">Shotokan Fed</a>--> </p> <p>Soo Bak Do Federation</p> </div> <!-- Content --> <div id="div4" class="fluid" align="center"><iframe id="ifrm" frameborder="0" height="750" width="100%" scrolling="no"></iframe></div> <!-- Side Images --> <div id="div5" class="fluid"></div> <!-- Supported site Links --> <div id="div6" class="fluid"><hr> <p class="alignright"><a href="http://www.uswka.us" target="new"><img src="Images/Badges/uswkasmalllogo.png" width="65" height="63"></a></p> </div><div style="clear: both;"></div> <!-- Footer --> <div id="div7" class="fluid"><hr></div> </div> </body> </html>

In a smaller browser window the css moves in Safari It appears to look fine in other browsers except Safari Take a look at http://tinyurl.com/mvkkcfg? In Chrome the Firefox - Then compare in Safari I just need the OR image to say in the same spot to matter what browser or window size is used here is the code that Im currently using <div style="z-index:10; position:absolute; margin-top:400px; margin-left:335px"> <img src="http://173.83.251.7/~iworeitb/wp-content/uploads/2013/06/or.png" alt="" /> </div> Please help thanks

I am not sure what is the best way to layout this design with Divs. As you can see the navigation is split in the middle from the logo. Any help would be greatly appreciated. Thanks

The HTML is below. I'm struggling to find an easy jQuery way to scroll to a given row (classes abc, def, xyz). I've tried various versions of scrollTop, offset, offsetParent, and more. All to no avail. The cart_item_wrapper is 150px tall, and it exists to allow the "cart_items_table" to show its items in a scrollable manner. What is the best way to scroll to a div in a div? <div id="cart_item_wrapper"> <table id="cart_items_table"> <tbody> <tr class="abc" style=" "> <td class="icon_col"></td> </tr> <tr class="def"> <td class="icon_col"></td> </tr> <tr class=”xyz”> <td class="icon_col"></td> </tr> <tr> <td class="icon_col"></td> </tr> <tr> <td class="icon_col"></td> </tr> </tbody> </table> </div>

Hi guys and girls, I have a div on my page that I would like to refresh once every min. Is this possible with PHP, or should I use something like jquery? Any suggestions would be of much help. Thank you.

There are a lot of solutions out there as to how to save the position of draggable DIVs but I haven't found any that will help with using a While loop in php. I have a database of "needs" and I want to display all the "needs" that match the persons username and status=inprogress. This could be 1 need or 1,000,000 needs depending on if the criteria is met. I want to save the position of the need (DIV) automatically when it's moved. Is this possible? Here the code I currently have that displays the "needs" (divs) <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" /> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script> <link rel="stylesheet" href="/resources/demos/style.css" /> <style> #set div { width: 90px; height: 90px; padding: 0.5em; float: left; margin: 0 10px 10px 0; } #set { clear:both; float:left; width: 368px; height: 120px; } p { clear:both; margin:0; padding:1em 0; } </style> <script> $(function() { $( "#set div" ).draggable({ stack: "#set div" }); }); </script>

I need some help trying to get this page to load the "#page1" when the page initially loads. I've tried a couple things but am either getting nothing (from the display:none in CSS) or if I remove that, it displays all the "#page1-6" elements alltogether when the page initially loads. It works fine once I start clicking the menu, its just the initial loading. .page { position: relative; display: none; } </style> </head> <body > <script src="jquery.js"></script> <script> $(document).ready(function() { $(".page-link").on("click", function(e) { $(".page").fadeOut(250); setTimeout(function() { $($(e.currentTarget).attr("href")).fadeIn(250); }, 250); }); });</script> <ul class="semiopaquemenu"> <li><a href="#page1" class="page-link"><span class="titlefont">Gallery</span></a></li> <li><a href="#page2" class="page-link"><span class="titlefont">Bio</a></li> <li><a href="#page3" class="page-link"><span class="titlefont">Statement</span></a></li> </ul> <div id="pages"> <div id="page1" class="page"> <h1>Page 1</h1> <p>This is the first test page.</p> </div> <div id="page2" class="page"> <h1>Page 2</h1> <p>This is the second test page.</p> </div> <div id="page3" class="page"> <h1>Page 3</h1> <p>This is third test page.</p> </div>

I've got some code that will toggle items on and off, and all works. However, I have 4 items that are clickable, and whichever is clicked, the div field for that item opens in the same area of the sacreen. Therefore, when one of the items is clicked, anything else open needs to close, or they stack on top of each other. I cannot figure out how to get any other items to close when a new one is clicked. Here are the elements I'm using right now: CSS: .unhidden { background-color: #ff0000; height: 190px; width: 300px;} .hidden { visibility: hidden;} JS: <script type="text/javascript"> function unhide(divID) { var item = document.getElementById(divID); if (item) { item.className=(item.className=='hidden')?'unhidden':'hidden'; } } </script> HTML DIV that is clicked: <div><a href="javascript:unhide('ONE');" >ONE</a></div> <div id="ONE" class="hidden">Text that only shows up when ONE is clicked.</div> <div><a href="javascript:unhide('TWO');" >TWO</a></div> <div id="TWO" class="hidden">Text that only shows up when TWO is clicked.</div> <div><a href="javascript:unhide('THREE');" >THREE</a></div> <div id="THREE" class="hidden">Text that only shows up when THREE is clicked.</div> <div><a href="javascript:unhide('FOUR');" >FOUR</a></div> <div id="FOUR" class="hidden">Text that only shows up when FOUR is clicked.</div> I've tried several variations (creating new functions, each that would hide the previous item when clicked), or adding condiitons to the existing JS to hide the others. I'm somewhat of a JS newb, and I could figure this out if it were PHP, but i don't use JS much. This particular task requires JS. Any ideas how to modify what I'm using to work? Thanks in advance.

Hey Guys, I've got a pop up box showing the cookie warning (for the EU laws). I've got it in the corner of the screen and that's working fine but I want to centre it to the middle of the page. This is the code that I use to place the popup overlay top right, how can I change the css to make it centred? <style> #tpmask { background-color: #000000; z-index: 9999; display: block; position: absolute; left: 0; top: 0; opacity: 0.6; height: 100%; width: 100%; } #boxes .window { right:20px; top:20px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; width:auto; height:auto; display:none; z-index:9999; padding:20px; box-shadow: 0 0 18px rgba(0, 0, 0, 0.4); } #boxes #dialog { position: absolute; width: auto; margin: auto; max-width: 800px; height: auto; _width: 0; white-space: normal; overflow: visible; padding: 10px; font-family: 'Lucida Grande', Arial, 'Arial Unicode MS', Helvetica, sans-serif !important; color: #FFFFFF; font-size:13px !important; } #dialog a:link, a:visited, a:hover { color: #000000 } *html #boxes .window { position: absolute; } #boxes .window .close { background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: url('images/close.png'); background-origin: padding-box; background-position: 0% 0%; background-repeat: no-repeat; background-size: auto; height: 36px; right: -19px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: absolute; top: -19px; width: 36px; } </style>

Hi Everyone, I am having trouble with something that I would think should be reasonably simple: On a standard webpage there is a automatic 5px (approx) white space stretching around all sides of the page. I would like to be able to make div elements on my page stretch to the very edge. Does anyone know how to do this in HTML or CSS. Thanks in advance, Timothy

Hello, I am new to php i was wondering if anyone can help me basically i have been assigned to create a database where you have four questions and four answers and the database should display the four questions and next to them would say "incorrect" or "correct" if you click on the button if this makes sense here is my html code but I have no idea on how get php to place it into the database, i tried to use Div/ID tags to help but i haven't got a clue what i am doing <img src="Images/Question1.png" usemap="#mainMap" id="main" style="position:absolute;display:none;left:0px;top:0px;" border="0" /> <map name="mainMap" id="mainMap"> <div id="Incorrectanswer1"><area shape="rect" coords="82,192,196,242" onclick="incorrectAnswer()" /></div> <div id="Incorrectanswer2"><area shape="rect" coords="83,254,197,300" onclick="incorrectAnswer()" /></div> <div id="Incorrectanswer3"><area shape="rect" coords="83,310,201,368" onclick="incorrectAnswer()" /></div> <div id="Correctanswer1"><area shape="rect" coords="84,373,205,430" onclick="correctAnswer()" /></div> </map> if anyone could help or point me in the right direction this would be helpful. Thanks, Jonathan Jones

Hi, I have to center a div in an absolute parent div. The usual suspect giving a width and adding margin:0 auto doesn't work. It "sorta" works if I put left:25% in the div I'm trying to center, but it doesn't adjust if I resize the screen. How do I do this? <div id="rest"> <div class="wrap-reset"> some content in center.. </div> </div> .wrap-reset { width:960px; position:relative; margin:0px; } #rest { position:absolute; top:0px; } Thanks,

Hi all, I'm new to the forums and fairly new to PHP. I am glad I found you guys. Does anyone know of a simple script that after someone signs up for a mailing list that it will store a cookie that hides the mailing list completely? (Display none?) This is an external mailing list, (through the InfusionSoft) engine, but hopefully just a simple toggle of the "Sign Up Now" on our web site can just set a cookie to hide the DIV tag. Is this possible?

Hello everyone. I know basics of html.But I dont know the <div> tag and its uses,functions. Please explain in detail. Thank you.

I'm trying to get all of my records to display in my PrimaryContent DIV, but only the first one does. When you click on any other pages, they display on a completely separate page. I was told to Google "passing multiple variables in a query string" but there was so much coding that I was completely lost. I was also told, "Find the place in the code where the page=xxx is set in the URL (First << 1 2 3 etc.). Add your Menukey to the Query String. Every time the page reloads, check for the MenuKey and let the Function check for the Page Number." The part I don't really understand is how I add my menukey to the query string. Any help would be appreciated. If you need to see any specific code let me know. My page is here so you can see for yourself: http://itd1.cincinnatistate.edu/php_vondrelld/index.php?menukey=8 Scroll to the bottom and click another page and you'll see what I mean. Thanks so much!