PHP - Moved: Getting The Value Of A Textarea Using A Lightbox

Doing a horizontal scrolling site project and trying to use Lightbox to show portfolio images. Here's the deal--I have everything working but there's one wrinkle. I have the gallery content loading in an iframe because that works best in the horizontal scrolling design. When you click on a thumbnail you can't go to another page like in a normal design because the site is one big page. So the page "album.php" loads in an iframe. However once it's loaded and you click on an image, the Lightbox loads in the iframe too which is not big enough to have the full screen effect I need. That's the wrinkle. Is there a way to modify the PHP code to have the lightbox content load in the full screen, something like target="parent" instead of in the iframe?

Here's the link so you can see what I mean:

http://staging.workshop-marketing.com/index-current.php#Approach

The page in question, not in the iframe showing the full screen effect I need:

http://staging.workshop-marketing.com/album.php

Here's the code I think needs to be modified, however I'm not a PHP coder:

<?php <br />    if(isset($_GET['s'])) {
$opts = array(
'template' =>'c_list_image.html'
);
perch_gallery_album($_GET['s'], $opts);
} ?>

Thanks for any suggestions and help--

Hello!

I have a simple form in a html popup window with javascript and i want to make the form to load in a lightbox and not in popup window I will use php to get the data from the form.

Is this possible ?  Have you got any reference on a tutorial about this ? I search in the web but things looks 

What are you suggesting me ?

Thanks in advance!

Hi everyone,

As a last resort to trying to figure out my problem I have made an account on phpfreak

I'm wondering if anyone can help me with a problem that has been getting on my nerves for quite a few days now, I'll explain a little bit about it.

I am having problems getting lightbox (or rather greybox) to work with my php script.
I tested out the lightbox method on a blank html page and got it to work, but when i try and integrate it into my php coding where i echo out the pictures from the gallery

echo "<a href='".$row['5']."'><img style='width:101px; height:101px; float:left; margin:5px;' src=' ".$row['4']. "' /></a> ";

But when i put in the neccesary rel='gb_imageset[nice_pics]' into the code, it stops the gallery from working and posting any results from the database.

If anyone could help me with this, i would greatly appreciate it.

I'm sorry i cannot explain things any better, i admit to not being quite so proficient with php/sql, if it would help then someone COULD contact me on msn by protentus@hotmail.co.uk to request source files.

Thanks for any help or even just a responce

Hi there to everyone   I have a bit of an issue, I am still new to all this coding, I need help on to display my images in my uploads folder with some sort of image lightbox viewer:    <?php

ok so for the second issue of the night, has anyone used lightbox with images that are fetched from a database (mysql)??

i have the following but it opens at the bottom of the page and not in a lightbox...

echo '<a href="' . $row['image'] . '" rel="lightbox[roadtrip]"><img src="' . $row['image'] . '" width="100" alt=""></a>';

full code on attachment

Hi all,

I'm not sure if this is a PHP question or javascript, so if it needs to be moved can an admin please do so...

Anyway, basically I have the following code:

Code: [Select]
<a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">View Availability</a>
This pops up a divs with a black alpha background, so that it appears the new content is displaying over the top of the current content. This all works fine, however the content I am displaying in the top level div is (or should be) dynamic.

In order for the content to be useful I need to grab the id.

Normally I would simply do this:

Code: [Select]
<a href = "[b]url.php?uniqueidentifier=<?php echo $row['id'];?>[/b]" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">View Availability</a>
However what happens in this instance is that the page loads with the javascript and the id in the url but it then disappears...

Has anyone got any ideas on how I might be able to get around this?

Many thanks,

Greens85

This question is PHP and javascript/jQuery so I wasn't sure where to post it, but anyway...

Here is the code I am using so far. Currently it just displays a larger version of the image in a new window. I would like a lighbox instead. I have tried this with "FancyBox" but couldn't get it to work on all the images, just the first one. Any suggestions?

Code: [Select]
<?php    

//GET PRODUCT VAR etc. ^^ 

$directory = "Images/items/$product/";
 
//get all image files with a .jpg extension.
$images = glob($directory . "*.jpg");
$imgone = $images[0];



$gallery = '';
foreach($images as $image)
{

$tn = explode("/", $image);
$tnname = $tn[3];

$gallery .= '<a href="#" rel="'.$image.'" class="image" title="Images/items/'.$product.'/large/'.$tnname.'" alt="'.$product.'"><img src="Images/items/'.$product.'/thumbs/'.$tnname.'" class="thumb" border="1" style="margin-bottom:7px;"/></a> ';
}


if(is_dir("Images/items/".$product)){
$gallery .= "<div id='image' class='bigimg' align='left'>";

$gallery .= '<a href="largeimg.php?id='.$product.'&i=Images/items/'.$product.'/large/0main_img.jpg" target="_new">
<img src="Images/items/'.$product.'/0main_img.jpg" border="0" alt='.$name.'/>
<span class="more"><img src="Images/zoom.png" /></span></a></div>';
}

?>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title><?php echo $name; ?></title>

<script type="text/javascript" src="js/ddsmoothmenu.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<link href="CSS/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="CSS/ddsmoothmenu.css" />


</head>

<body>
<div class="hidden">
<script type="text/javascript">
$(function() {
$(".image").click(function() {
var image = $(this).attr("rel");
var large = $(this).attr("title");
var product = $(this).attr("alt");
$('#image').hide();
$('#image').fadeIn('slow');
$('#image').html('<a href="largeimg.php?id='+ product +'&i=' + large + '" target="_new"><img src="' + image + '"/><span class="more"><img src="Images/zoom.png" /></span></a>');
return false;
    });
});
</script>

hey guys i need to refresh on blur to get to post the upc code inserted in the textarea for product search..   i got the but i can't find the way to post the item  

<script>
function reload() {
    window.location.assign("http://store.radioauto.ca/POS/auto.php?Item=upc code here")
}
</script>
      <input type="text" id="upc" name="upc" onblur="reload()" value="<?=$_GET['item']?>"/>
 

i have a textarea and the content is description. how do i save this to database, because sometimes it has ' and " so it fails when i insert it into database, what should i use addslashes?

Hi All,

New to PHP so any help appreciated

 

Can anyone explain why this;

      <tr><td><label for="notes">Notes:</label> 
          <td><input type="text" id="notes" name="notes" maxlength="250" size="70" value="<?php if (!empty($notes)) echo $notes; ?>"></input></td>
      </tr>

Displays data from a MySQL database (field $notes, VARCHAR(250) )

and this;

  <tr><td class=textboxlabel><label for="notes">Notes:</label> 
      <td><textarea id="notes" name="notes" rows="4" cols="70" maxlength="250" value="<?php if (!empty($notes)) echo $notes; ?>"></textarea></td>
  </tr>

displays nothing????

 

Not sure how much info to provide........

Edited November 20, 2019 by cyberRobot
Added a more meaningful post title

I'm trying to add a textarea box at the bottom of this form so I can type in note or comments. The issue I'm running into is, the textarea box does not cover the full width of the form...can someone take a look at this code & help me out? I've also attached a .jpg of what I'm seeing in the browser. Thanks

Code: [Select]


<td>
<textarea name="comments" cols"100" rows="5">
</textarea><br>
</td>

Please help refresh my memory...

It seems to me that there is some combination with nl2br that is a no-no...

I am thinking I need to remove nl2br in this code...

<textarea id="comments" name="comments" cols="50" rows="15"><?php if (isset($comments)){echo nl2br(htmlentities($comments, ENT_QUOTES));} ?></textarea>


 


Debbie