millsy007

Hi I removed the clearfix part set list to inline and changed it to be a class, so just have: (i have a stylesheet but just showing relevant bits) .new_prod_wrap li {display: inline; list-style-type: none; padding-right: 20px;} <ul class="new_prods_wrap"> <li class='new_prod_wrap first' style='width:180px'> <a href='' rel=><img src=''/></a> <div class="teaser"> <h5 class="prod-title"><a href="">Poole Pottery Plate</a> </h5><p class="price_value"><span class="price solo">£95.00</span></p><!-- price_value --> </div> </li> </ul> It is still formatted the same?

I am having real trouble styling my list, no matter what combo of css tags I use I cant seem to get it to display how I want! I want my list to display horizontally and to have no bullet points. .clearfix {display: inline-block;} #new_prod_wrap li {list-style:none} <ul class="new_prods_wrap clearfix"> <li class='new_prod_wrap first' style='width:180px'> <a href='' rel=><img src=''/></a> <div class="teaser"> <h5 class="prod-title"><a href="">Poole Pottery Plate</a> </h5><p class="price_value"><span class="price solo">£95.00</span></p><!-- price_value --> </div> </li> </ul> Thanks for any pointers on where I am going wrong

Okay apologies I think I posted the wrong function perhaps. Is this the part that carries out the functionality I described? function pdt_response(){ // read the post from PayPal system and add 'cmd' $req = 'cmd=_notify-synch'; $tx_token = $_GET['tx']; $auth_token = get_option('wps_paypal_pdttoken'); $req .= "&tx=$tx_token&at=$auth_token"; // post back to PayPal system to validate $header .= "POST /cgi-bin/webscr HTTP/1.0\r\n"; $header .= "Content-Type: application/x-www-form-urlencoded\r\n"; $header .= "Content-Length: " . strlen($req) . "\r\n\r\n"; $fp = fsockopen ('www.paypal.com', 80, $errno, $errstr, 30); // If possible, securely post back to paypal using HTTPS // Your PHP server will need to be SSL enabled // $fp = fsockopen ('ssl://www.paypal.com', 443, $errno, $errstr, 30); if (!$fp) { // HTTP ERROR } else { fputs ($fp, $header . $req); // read the body data $res = ''; $headerdone = false; while (!feof($fp)) { $line = fgets ($fp, 1024); if (strcmp($line, "\r\n") == 0) { // read the header $headerdone = true; } elseif ($headerdone) { // header has been read. now read the contents $res .= $line; } } // parse the data $lines = explode("\n", $res); $keyarray = array(); if (strcmp ($lines[0], "SUCCESS") == 0) { for ($i=1; $i<count($lines);$i++){ list($key,$val) = explode("=", $lines[$i]); $keyarray[urldecode($key)] = urldecode($val); } $PDT_DATA = array(); $PDT_DATA[firstname] = $keyarray['first_name']; $PDT_DATA[lastname] = $keyarray['last_name']; $PDT_DATA[itemname] = $keyarray['item_name']; $PDT_DATA[amount] = $keyarray['mc_gross']; $PDT_DATA[currency] = $keyarray['mc_currency']; $PDT_DATA[payment_status] = $keyarray['payment_status']; $PDT_DATA[payment_type] = $keyarray['payment_type']; $PDT_DATA[pending_reason] = $keyarray['pending_reason']; $PDT_DATA[who] = $keyarray['custom']; $ERROR = 0;

I have some code that I dont exactly undertsand and wanted some help adding to. I believe this code uses an external link (paypal) and passes additional variables to the URL? // post back to PayPal system to validate $header .= "POST /cgi-bin/webscr HTTP/1.0\r\n"; $header .= "Content-Type: application/x-www-form-urlencoded\r\n"; $header .= "Content-Length: " . strlen($req) . "\r\n\r\n"; $fp = fsockopen ('ssl://www.paypal.com', 443, $errno, $errstr, 30); // assign posted variables to local variables $item_name = $_POST['item_name']; $item_number = $_POST['item_number']; $payment_status = $_POST['payment_status']; $payment_amount = $_POST['mc_gross']; $payment_currency = $_POST['mc_currency']; $txn_id = $_POST['txn_id']; $receiver_email = $_POST['receiver_email']; $payer_email = $_POST['payer_email']; $custom = $_POST['custom']; if (!$fp) { // HTTP ERROR } else { Could I simply add to the URL by passing in an additional variable?

Hi I am having some issues with a wordpress theme and the PHP being used is beyond my scope of knowledge. It should be passing an item name to paypal but instead is displaying Order No.1278608841 - F j, Y I believe F j, Y is a date format? so somewhere something got muddled so would really appreciate if someone could help me find where. Thanks for any help... [attachment deleted by admin]

Thanks, I tried setting the style locally within the H2 tag but it didnt work, I think I should also of included the JavaScript as this maybe having an effect and explain why they are not set to visible. JS: function tabberObj(argsObj) { var arg; /* name of an argument to override */ /* Element for the main tabber div. If you supply this in argsObj, then the init() method will be called. */ this.div = null; /* Class of the main tabber div */ this.classMain = "tabber"; /* Rename classMain to classMainLive after tabifying (so a different style can be applied) */ this.classMainLive = "tabberlive"; /* Class of each DIV that contains a tab */ this.classTab = "tabbertab"; /* Class to indicate which tab should be active on startup */ this.classTabDefault = "tabbertabdefault"; /* Class for the navigation UL */ this.classNav = "tabbernav"; /* When a tab is to be hidden, instead of setting display='none', we set the class of the div to classTabHide. In your screen stylesheet you should set classTabHide to display:none. In your print stylesheet you should set display:block to ensure that all the information is printed. */ this.classTabHide = "tabbertabhide"; /* Class to set the navigation LI when the tab is active, so you can use a different style on the active tab. */ this.classNavActive = "tabberactive"; /* Elements that might contain the title for the tab, only used if a title is not specified in the TITLE attribute of DIV classTab. */ this.titleElements = ['h2','h3','h4','h5','h6']; /* Should we strip out the HTML from the innerHTML of the title elements? This should usually be true. */ this.titleElementsStripHTML = true; /* If the user specified the tab names using a TITLE attribute on the DIV, then the browser will display a tooltip whenever the mouse is over the DIV. To prevent this tooltip, we can remove the TITLE attribute after getting the tab name. */ this.removeTitle = true; /* If you want to add an id to each link set this to true */ this.addLinkId = false; /* If addIds==true, then you can set a format for the ids. <tabberid> will be replaced with the id of the main tabber div. <tabnumberzero> will be replaced with the tab number (tab numbers starting at zero) <tabnumberone> will be replaced with the tab number (tab numbers starting at one) <tabtitle> will be replaced by the tab title (with all non-alphanumeric characters removed) */ this.linkIdFormat = '<tabberid>nav<tabnumberone>'; /* You can override the defaults listed above by passing in an object: var mytab = new tabber({property:value,property:value}); */ for (arg in argsObj) { this[arg] = argsObj[arg]; } /* Create regular expressions for the class names; Note: if you change the class names after a new object is created you must also change these regular expressions. */ this.REclassMain = new RegExp('\\b' + this.classMain + '\\b', 'gi'); this.REclassMainLive = new RegExp('\\b' + this.classMainLive + '\\b', 'gi'); this.REclassTab = new RegExp('\\b' + this.classTab + '\\b', 'gi'); this.REclassTabDefault = new RegExp('\\b' + this.classTabDefault + '\\b', 'gi'); this.REclassTabHide = new RegExp('\\b' + this.classTabHide + '\\b', 'gi'); /* Array of objects holding info about each tab */ this.tabs = new Array(); /* If the main tabber div was specified, call init() now */ if (this.div) { this.init(this.div); /* We don't need the main div anymore, and to prevent a memory leak in IE, we must remove the circular reference between the div and the tabber object. */ this.div = null; } } /*-------------------------------------------------- Methods for tabberObj --------------------------------------------------*/ tabberObj.prototype.init = function(e) { /* Set up the tabber interface. e = element (the main containing div) Example: init(document.getElementById('mytabberdiv')) */ var childNodes, /* child nodes of the tabber div */ i, i2, /* loop indices */ t, /* object to store info about a single tab */ defaultTab=0, /* which tab to select by default */ DOM_ul, /* tabbernav list */ DOM_li, /* tabbernav list item */ DOM_a, /* tabbernav link */ aId, /* A unique id for DOM_a */ headingElement; /* searching for text to use in the tab */ /* Verify that the browser supports DOM scripting */ if (!document.getElementsByTagName) { return false; } /* If the main DIV has an ID then save it. */ if (e.id) { this.id = e.id; } /* Clear the tabs array (but it should normally be empty) */ this.tabs.length = 0; /* Loop through an array of all the child nodes within our tabber element. */ childNodes = e.childNodes; for(i=0; i < childNodes.length; i++) { /* Find the nodes where class="tabbertab" */ if(childNodes[i].className && childNodes[i].className.match(this.REclassTab)) { /* Create a new object to save info about this tab */ t = new Object(); /* Save a pointer to the div for this tab */ t.div = childNodes[i]; /* Add the new object to the array of tabs */ this.tabs[this.tabs.length] = t; /* If the class name contains classTabDefault, then select this tab by default. */ if (childNodes[i].className.match(this.REclassTabDefault)) { defaultTab = this.tabs.length-1; } } } /* Create a new UL list to hold the tab headings */ DOM_ul = document.createElement("ul"); DOM_ul.className = this.classNav; /* Loop through each tab we found */ for (i=0; i < this.tabs.length; i++) { t = this.tabs[i]; /* Get the label to use for this tab: From the title attribute on the DIV, Or from one of the this.titleElements[] elements, Or use an automatically generated number. */ t.headingText = t.div.title; /* Remove the title attribute to prevent a tooltip from appearing */ if (this.removeTitle) { t.div.title = ''; } if (!t.headingText) { /* Title was not defined in the title of the DIV, So try to get the title from an element within the DIV. Go through the list of elements in this.titleElements (typically heading elements ['h2','h3','h4']) */ for (i2=0; i2<this.titleElements.length; i2++) { headingElement = t.div.getElementsByTagName(this.titleElements[i2])[0]; if (headingElement) { t.headingText = headingElement.innerHTML; if (this.titleElementsStripHTML) { t.headingText.replace(/<br>/gi," "); t.headingText = t.headingText.replace(/<[^>]+>/g,""); } break; } } } if (!t.headingText) { /* Title was not found (or is blank) so automatically generate a number for the tab. */ t.headingText = i + 1; } /* Create a list element for the tab */ DOM_li = document.createElement("li"); /* Save a reference to this list item so we can later change it to the "active" class */ t.li = DOM_li; /* Create a link to activate the tab */ DOM_a = document.createElement("a"); DOM_a.appendChild(document.createTextNode(t.headingText)); DOM_a.href = "javascript:void(null);"; DOM_a.title = t.headingText; DOM_a.onclick = this.navClick; /* Add some properties to the link so we can identify which tab was clicked. Later the navClick method will need this. */ DOM_a.tabber = this; DOM_a.tabberIndex = i; /* Do we need to add an id to DOM_a? */ if (this.addLinkId && this.linkIdFormat) { /* Determine the id name */ aId = this.linkIdFormat; aId = aId.replace(/<tabberid>/gi, this.id); aId = aId.replace(/<tabnumberzero>/gi, i); aId = aId.replace(/<tabnumberone>/gi, i+1); aId = aId.replace(/<tabtitle>/gi, t.headingText.replace(/[^a-zA-Z0-9\-]/gi, '')); DOM_a.id = aId; } /* Add the link to the list element */ DOM_li.appendChild(DOM_a); /* Add the list element to the list */ DOM_ul.appendChild(DOM_li); } /* Add the UL list to the beginning of the tabber div */ e.insertBefore(DOM_ul, e.firstChild); /* Make the tabber div "live" so different CSS can be applied */ e.className = e.className.replace(this.REclassMain, this.classMainLive); /* Activate the default tab, and do not call the onclick handler */ this.tabShow(defaultTab); /* If the user specified an onLoad function, call it now. */ if (typeof this.onLoad == 'function') { this.onLoad({tabber:this}); } return this; }; tabberObj.prototype.navClick = function(event) { /* This method should only be called by the onClick event of an <A> element, in which case we will determine which tab was clicked by examining a property that we previously attached to the <A> element. Since this was triggered from an onClick event, the variable "this" refers to the <A> element that triggered the onClick event (and not to the tabberObj). When tabberObj was initialized, we added some extra properties to the <A> element, for the purpose of retrieving them now. Get the tabberObj object, plus the tab number that was clicked. */ var rVal, /* Return value from the user onclick function */ a, /* element that triggered the onclick event */ self, /* the tabber object */ tabberIndex, /* index of the tab that triggered the event */ onClickArgs; /* args to send the onclick function */ a = this; if (!a.tabber) { return false; } self = a.tabber; tabberIndex = a.tabberIndex; /* Remove focus from the link because it looks ugly. I don't know if this is a good idea... */ a.blur(); /* If the user specified an onClick function, call it now. If the function returns false then do not continue. */ if (typeof self.onClick == 'function') { onClickArgs = {'tabber':self, 'index':tabberIndex, 'event':event}; /* IE uses a different way to access the event object */ if (!event) { onClickArgs.event = window.event; } rVal = self.onClick(onClickArgs); if (rVal === false) { return false; } } self.tabShow(tabberIndex); return false; }; tabberObj.prototype.tabHideAll = function() { var i; /* counter */ /* Hide all tabs and make all navigation links inactive */ for (i = 0; i < this.tabs.length; i++) { this.tabHide(i); } }; tabberObj.prototype.tabHide = function(tabberIndex) { var div; if (!this.tabs[tabberIndex]) { return false; } /* Hide a single tab and make its navigation link inactive */ div = this.tabs[tabberIndex].div; /* Hide the tab contents by adding classTabHide to the div */ if (!div.className.match(this.REclassTabHide)) { div.className += ' ' + this.classTabHide; } this.navClearActive(tabberIndex); return this; }; tabberObj.prototype.tabShow = function(tabberIndex) { /* Show the tabberIndex tab and hide all the other tabs */ var div; if (!this.tabs[tabberIndex]) { return false; } /* Hide all the tabs first */ this.tabHideAll(); /* Get the div that holds this tab */ div = this.tabs[tabberIndex].div; /* Remove classTabHide from the div */ div.className = div.className.replace(this.REclassTabHide, ''); /* Mark this tab navigation link as "active" */ this.navSetActive(tabberIndex); /* If the user specified an onTabDisplay function, call it now. */ if (typeof this.onTabDisplay == 'function') { this.onTabDisplay({'tabber':this, 'index':tabberIndex}); } return this; }; tabberObj.prototype.navSetActive = function(tabberIndex) { /* Note: this method does *not* enforce the rule that only one nav item can be active at a time. */ /* Set classNavActive for the navigation list item */ this.tabs[tabberIndex].li.className = this.classNavActive; return this; }; tabberObj.prototype.navClearActive = function(tabberIndex) { /* Note: this method does *not* enforce the rule that one nav should always be active. */ /* Remove classNavActive from the navigation list item */ this.tabs[tabberIndex].li.className = ''; return this; }; /*==================================================*/ function tabberAutomatic(tabberArgs) { /* This function finds all DIV elements in the document where class=tabber.classMain, then converts them to use the tabber interface. tabberArgs = an object to send to "new tabber()" */ var tempObj, /* Temporary tabber object */ divs, /* Array of all divs on the page */ i; /* Loop index */ if (!tabberArgs) { tabberArgs = {}; } /* Create a tabber object so we can get the value of classMain */ tempObj = new tabberObj(tabberArgs); /* Find all DIV elements in the document that have class=tabber */ /* First get an array of all DIV elements and loop through them */ divs = document.getElementsByTagName("div"); for (i=0; i < divs.length; i++) { /* Is this DIV the correct class? */ if (divs[i].className && divs[i].className.match(tempObj.REclassMain)) { /* Now tabify the DIV */ tabberArgs.div = divs[i]; divs[i].tabber = new tabberObj(tabberArgs); } } return this; } /*==================================================*/ function tabberAutomaticOnLoad(tabberArgs) { /* This function adds tabberAutomatic to the window.onload event, so it will run after the document has finished loading. */ var oldOnLoad; if (!tabberArgs) { tabberArgs = {}; } /* Taken from: http://simon.incutio.com/archive/2004/05/26/addLoadEvent */ oldOnLoad = window.onload; if (typeof window.onload != 'function') { window.onload = function() { tabberAutomatic(tabberArgs); }; } else { window.onload = function() { oldOnLoad(); tabberAutomatic(tabberArgs); }; } } /*==================================================*/ /* Run tabberAutomaticOnload() unless the "manualStartup" option was specified */ if (typeof tabberOptions == 'undefined') { tabberAutomaticOnLoad(); } else { if (!tabberOptions['manualStartup']) { tabberAutomaticOnLoad(tabberOptions); } }

Hi, I have a list of tabs the headers (H2) of which are styled in a stylesheet, I now want to style an individual tab to be a certain color but cant seem to be able to do this. When I set the color locally the stylsheet style overides anything? HTML <div class="tabber"> <div class="tabbertab"> <h2>Title I want to change</h2> <p>Content </p> </div> <div class="tabbertab"> <h2>Title 2</h2> <p>Content </p> </div> </div> CSS .tabberlive .tabbertabhide { display: none; } .tabber { padding: 0px; } .tabberlive { margin-bottom: 10px; } ul.tabbernav { margin: 0; padding: 0px 0; color: #202020; font-size: 12px; font-family: Arial, Tahoma, Verdana; font-weight: normal; } ul.tabbernav li { list-style: none; margin: 0; display: inline; } ul.tabbernav li a { padding: 3px 0.5em; border-bottom: none; text-decoration: none; } ul.tabbernav li a:link { color: #202020; background: #DDDDDD; margin: 0px 5px 0px 0px; } ul.tabbernav li a:visited { color: #202020; background: #DDDDDD; } ul.tabbernav li a:hover { background: #666666; color: #FFFFFF; text-decoration: none; } ul.tabbernav li.tabberactive a { background: #333333; color: #FFFFFF; text-decoration: none; } ul.tabbernav li.tabberactive a:hover { background: #333333; color: #FFFFFF; } .tabberlive .tabbertab { background: #FFFFFF; padding: 10px 0px 0px 0px; } .tabberlive .tabbertab h2 { display: none; } .tabberlive .tabbertab h3 { display: none; } .tabbertab cite { font-size: 11px; margin: 0px; padding: 0px; } How could I set the H2 Title so I could style just that one?

Hi, I want to delete the contents of my table so that when I add a new row after my auto increment index starts again at 1, how do I achieve this?

Hi I am using the css image gallery I got from: http://www.dynamicdrive.com/style/csslibrary/item/css-image-gallery/ I want to change the behaviour, currently an image is enlarged when a user hovers over the link/thumbail. I would like to change it so that the main image is instead shown onclick of the thumbnail, and remains enlarged until another click. Is this possible using some javascript?

Hi The website http://stompfrog.co.uk/ works by the navigation scrolling to a particular content section using some javascript. This works fine in firefox and my version of IE however in IE 7.6 you need to click the links a couple of times for the javascript to navigate to the correct page, what could a possible reason of this be? Thanks

Exactly Thanks

Hi I have some code that sends a form: $name = trim($_GET['name']); //The senders name $email = trim($_GET['email']); //The senders email address $subject = trim($_GET['subject']); //The senders subject $message = trim($_GET['msg']); //The senders message mail($to,$subject,$message,"From: ".$email.""); //a very simple send It works fine but I am trying to make some changes to it but when I do it stops working What I want to do is change the subject of the email to say 'Enquiry' And have the subject text that is passed in be added as part of the message (this will actually hold the users brief summary) Any help would be appreciated as my attempt didnt send the mail.

I have a product image that is 4 images 'sewn together' I am going to set a div called ProductImage and then have the background of the div set to this image, but with only the top image showing. I then want to have a button for 'more views' and when this is clicked the background position shift to show the next part of the image showing a different view. What is a suitable way to do this, I am hoping it could be done with a combination of css and javascript.

I have a webpage that uses some ajax to send an email form, this all works fine when this is the only javascript on my page. It uses mootools.js and the following javascript: <script type="text/javascript"> window.addEvent('domready', function(){ $('myForm').addEvent('submit', function(e) { new Event(e).stop(); var log = $('log_res').empty().addClass('sending'); this.send({ update: log, onComplete: function() { log.removeClass('sending'); } }); }); }); </script> But as soon as I reference other javascript (prototype, scriptalicious...) this code stops working. Is this a conflict? Is there something I can do to handle this?

Hi I have a one page website, on the page I would like to send an email via a form that I have created, however all of the example php code that I find relys on running code and redirecting to another page (something I dont want to do) is there a way I could write some php that would send the form to my email address whilst staying on my page and possibly even doing it client side?

I have recently changed my page so my date that is held in a textbox is in the European Format, ie DD/MM/YYYY The problem is all of my other javascript functions expect it in the 'normal' format. Is there a way I can change the format I now have it in back, so: datevariable = document.getElementById('date').value; switches back from dd/MM/yyyy to MM/dd/yyyy

I get: Cannot redeclare insert() (previously declared in /home/makebooking.php:92) What I want to do is literally run all my code for the amount of passengers, but it looks like this may cause problems?

I do $query = " SELECT seat1, seat2, seat3, seat4, seat5, seat6, seat7, seat8 FROM journey WHERE journey.shuttle_id = '$id' AND seat1 LIKE '$name%' "; $qry_result = mysql_query($query) or die(mysql_error()); $num_rows = mysql_num_rows($qry_result); if ($num_rows > 0) { // if it exists, then put all similar names into an array while($row = mysql_fetch_array($qry_result)) { $similar_names[] = $row[seat1]; $similar_names[] = $row[seat2]; $similar_names[] = $row[seat3]; $similar_names[] = $row[seat4]; $similar_names[] = $row[seat5]; $similar_names[] = $row[seat6]; $similar_names[] = $row[seat7]; $similar_names[] = $row[seat8]; } But it is still only checking the data from the: $similar_names[] = $row[seat1]; Part of the code

Could I perhaps use the array_combine: $array1[] = $row[seat1]; $array2[] = $row[seat2]; $array3[] = $row[seat3]; $similar_names[] = array_merge($array1, $array2, $array3); This way would all of the columns be merged into one array I could then use?

So if I passed in the variable $passengers and this had a value of 5 would that code go through 1 at a time until all 5 had been inserted?

Hi yes, its one form, but the input would be done 5 times. So in my page a makebooking.php is called in which the booking queries are ran, this is what I was thinking of enclosing within my while loop as per the original post, what would the advantage of a for loop be?

The program currently works one booking at a time, the user selects the date and route, enters the passenger name and clicks 'book' however sometimes someone will want to make a booking for say 5 people so instead of clicking 'book' 5 times I want them to enter the number from a list, and then the program basically repeat the insert code 5 times.

I have a system that is booking people in, sometimes the user will want to make a multiple booking, so I have added a drop down list with the number of passengers to add My program then reads this in as a variable $passengers = $_GET['passengers']; I then want to loop through for each of the passengers: while ($passengers != 0) { // At the start //Put the rest of my program withing this $passengers= ($passengers-1) //At the end } Is this a sensible way to do things, I wanted to check before I tried as I know loops can go horribly wrong!

I have a function that checks for duplicate names, currently it works off one column: $query = " SELECT seat FROM journey WHERE shuttle_id = '$id' AND seat LIKE '$name%' "; $qry_result = mysql_query($query) or die(mysql_error()); $num_rows = mysql_num_rows($qry_result); if ($num_rows > 0) { // if it exists, then put all similar names into an array while($row = mysql_fetch_array($qry_result)) { $similar_names[] = $row[seat]; } // check in the similar names array if your name exists, if so, adds 1 to suffix, then check again until you find your final suffix. $suffix = 1; while (in_array($name.$suffix, $similar_names)) $suffix++; $name = $name.$suffix; $finalname = $name; } else { //$name is already unique. no suffix needed then. $final_name = $name; } However I have multiple seats so is there a way that I could check against all the seats so my query would be: $query = " SELECT seat1, seat2, seat3 FROM journey WHERE journey.shuttle_id = '$id' AND seat1 LIKE '$name%' "; and then somehow combine the result into the array that I check against: $similar_names[] = $row[seat] //And $row[seat2] And $row[seat3]?

I would agree with that, unfortunately I'm past the design face of the overal website, page to delete and page to view the schedule are already done. It is only a last minute change to assign the passengers to specific seats that has caused an issue. That is why I am looking for a solution, that although it may be a little unflexible would get the information inserted. Although not neat would the code plan I suggested be viable? I do welcome feedback re. redesigning the schema but its not really possible in this case.