Chrisj

August 25, 2016

The javascript slider that I'm using appears successfully on my pc screen, but the image is truncated on the right when viewed on an iPhone. I'm trying to have the php web script show a different css file when viewed on iPhone, to have different attributes, but, for starters, this link doesn't seem to work:



 <link rel="stylesheet" type="text/css" media="screen" href="css/component01.css" />

Can you help me with a more proper link that will work for iPhone screens?

August 22, 2016

Thanks for your reply, however, that line has been commented out, and replaced with the "hidden" line, as appears in my original posting.

Any other suggestions will be appreciated.

August 20, 2016

Thanks so much for your reply.

Yes I tried that suggestion by trying it several places within the <select tags on this line, without success:

<li style="width:240px; text-align:right"><strong>[var.lang_sub_cat]: </strong><option value="">Choose One</option></li>
<li style="width:400px; text-align:left;" id="sub_change"><select class="upload-video-form-input" style="width:160px;" size="1" name="sub_cat"></select> ([var.lang_optional])</li>

Any other ideas will be greatly appreciated. Much thanks again.

August 20, 2016

I installed a javascript slider and added my images, but my images apparently have a sizing issue, I can see more width of the image on my pc screen, but on an iphone the image seems almost cut in half.

Any ideas how to remedy will be appreciated. Here's some relevant code:

html, body, .container {
	height: 100%;
}

.js .boxgallery,
.js .boxgallery div {
	position: absolute;
}

.js .boxgallery,
.bg-tile,
.bg-img {
	overflow: hidden;
}

.js .boxgallery,
.js .panel {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.panel {
	z-index: 0;
	-webkit-perspective: 1200px;
	perspective: 1200px;
}

.bg-tile {
	width: 50%;
	height: 50%;
}

.bg-tile:nth-child(2),
.bg-tile:nth-child(4) {
	left: 50%;
}

.bg-tile:nth-child(3),
.bg-tile:nth-child(4) {
	top: 50%;
}

.bg-img {
	width: 100%;
	height: 100%;
	background: #999;
}

.bg-img img {
	position: absolute;
	display: block;
	height: 200%;
}

@media screen and (min-aspect-ratio: 1280/850) {
	.bg-img img {
		width: 200%;
		height: auto;
	}
}

.bg-tile:nth-child(2) .bg-img img,
.bg-tile:nth-child(4) .bg-img img {
	left: -100%;
}

.bg-tile:nth-child(3) .bg-img img,
.bg-tile:nth-child(4) .bg-img img {
	top: -100%;
}

Any help will be appreciated.

August 16, 2016

Thanks for your reply and remedy. Much thanks.

Putting this:

<script> javascript:ahahscript.ahah('[var.base_url]/uploader.php?sub_cat=1', 'sub_change', '', 'GET', '', this); </script>

outside of the Form, worked! Much, much thanks/appreciated.

Now, I'm just trying to have "Choose One" appear, in the field box, instead of the first choice of the sub-category list. If you'd like to share any thoughts on where I can make that happen, I'd welcome that guidance. Much, much thanks again.

August 16, 2016

Thanks for that suggestion.

I tried this:

<input type="hidden" name="channel" value="1"/><script> javascript:ahahscript.ahah('[var.base_url]/uploader.php?sub_cat=1', 'sub_change', '', 'GET', '', this); </script>

as per your instructions, but unfortunately no success.

Any other ideas will be welcomed.

August 12, 2016

Thanks for your reply. Do you know of a "different one"?

August 12, 2016

Thanks so much for your reply,

but "duration", I believe, sets the the length of time the slide appears, am I correct? not when it begins or ends.

Also, that sets the duration for all slides, correct?

I'm asking about a solution that might "a way to set a time to delay or begin each separate slide.

Any clarification, or additional assistance. Thanks again

August 12, 2016

I installed this: http://www.jqueryscript.net/slider/Lightweight-Overlay-Content-Slider-Plugin-For-jQuery.html

I'd like to find out if there's a way to set a time to delay or begin each separate slide

I've horsed around with this, and searched google, but I haven't been able to find a solution. Here's some relevant code:

<ul id="slideshow" class="slides">
  <li data-duration="5000" class="active">
    <div class="slide-content1">
      Slide Content 1
    </div>
  </li>
  <li data-duration="3000">
    <div class="slide-content2">
      Slide Content 2
    </div>
  </li>
  <li data-duration="1000">
    <div class="slide-content3">
      Slide Content 3
    </div>
  </li>
</ul>

ul.slides {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.slides li {
  margin: 0;
  background: rgba(10, 10, 90, 0.5);
  padding: 10%;
  color: #fff;
  font-size: 18rem;
  font-weight: bold;
  display: flex;
  align-content: center;
  justify-content: center;
  opacity: 0;
  position: absolute;
  width: 1000px;
  height: 22%;
  top: 155px;
  right: 0;
  bottom: 0;
  z-index: 8;
  transition: transform 1.4s cubic-bezier(0.01, 1, 0.91, 1) 0.5s;
}
 @media all and (max-width: 1000px) {

ul.slides li { font-size: 20vw; }
}

ul.slides li.active { z-index: 10; }

ul.slides li.active.slide-left { transform: translate3d(100%, 0, 0); }

ul.slides li.active.slide-right { transform: translate3d(-100%, 0, 0); }

ul.slides li.last-active { z-index: 9; }

ul.slides li:first-child {
  left: 0;
  opacity: 1;
}

Any guidance will be appreciated. Thanks

August 11, 2016

Thanks again for your help...got it

August 11, 2016

Thanks for your reply. Yes, I understand some CSS, just thought I'd ask since we're already having this conversation.

I created this in CSS:

.TextBox
{
    background-image:url('../img/TextBox1.png');
    background-repeat:no-repeat;
    width: 220px;
    height:50px;
}

and the code is now this:

<input class="TextBox" id="keyword" name="keyword" value="SEARCH WORDS" onfocus="if (this.value=='SEARCH WORDS') {this.value=''; this.style.color='#696969';}" onclick="clickclear(this, 'Search [var.site_name]')" onblur="clickrecall(this,'Search [var.site_name]')" value="" />

And it works successfully, but now it looks like this - see attached image -

Any help with removing the rectangle box that surrounds the "Search Words" text, will be appreciated.

August 11, 2016

Thanks for your replies. I believe I'll have to try it manually, for just this 'dumb text field' (not autocomplete or combobox).

So, would I add this image (attached) into this line of code somehow?

<input type="text" autocomplete="off" id="keyword" name="keyword" value="SEARCH WORDS" onfocus="if (this.value=='SEARCH WORDS') {this.value=''; this.style.color='#696969';}" onclick="clickclear(this, 'Search [var.site_name]')" onblur="clickrecall(this,'Search [var.site_name]')" value="" />

August 11, 2016

Thanks again for your reply.

Yes, I'm trying to match the appearance.

August 11, 2016

Thanks for that, much appreciated, very helpful.

Now, if you don't mind, I'd like be grateful for some assistance with putting the search words field into the new container, please. As you can see from the attached image, the search field is below the container. I'm stumped on what I need to do there.

Any help will be appreciated.

Here's that code:

<td>
<h3>2. ENTER SEARCH WORDS</h3>
<select name="channel" class="dropdown_box">
<input type="text" autocomplete="off" id="keyword" name="keyword" value="SEARCH WORDS" onfocus="if (this.value=='SEARCH WORDS') {this.value=''; this.style.color='#696969';}" onclick="clickclear(this, 'Search [var.site_name]')" onblur="clickrecall(this,'Search [var.site_name]')" value="" />
</select>
</td>

August 10, 2016

I have this Search Form that works successfully:

<form method="get" action="../search.php" name="myForm" /> 
<select size="1" name="channel" class="dropdown_box" /> 
<option value="All">All</option> 
<option value="4">Channel-2</option> 
<option value="6">Channel-4</option> 
</select> 
<select size="1" name="sub_category" class="dropdown_box" /> 
<option value="All">Sub Category</option> 
</select> 
<input type="text" autocomplete="off" id="keyword" name="keyword" value="SEARCH WORDS" onfocus="if (this.value=='SEARCH WORDS') {this.value=''; this.style.color='#696969';}" onclick="clickclear(this, 'Search [var.site_name]')" onblur="clickrecall(this,'Search [var.site_name]')" value="" /> <input type="submit" value="SUBMIT"/> 
</form>

I wanted it to look better, so I installed this JQuery drop-down menu plug-in:

http://www.jqueryscript.net/form/Custom-Select-Dropdown-List-Plugin-For-jQuery-jQuery-UI.html1
And I'm trying to combine them.
Here's essentially the jQuery code:


<form action="" method="get">
<table>
<tr>
<td>
<h3>1. SELECT CATEGORY</h3>
<select name="drop1" class="ui-select">
<option value="">Choose One</option>
<option value="2">ALL</option>
<option value="4">Channel-2</option>
<option value="6">Channel-4</option>
</select>
</td>
<td>
<h3>2. ENTER SEARCH WORDS</h3>
<select name="drop2" class="ui-select">
</select>
</td>
<td>
<h3>2. CHOOSE CATEGORY</h3>
<select name="drop2" class="ui-select">
</select>
</td>
</tr>
</form>

<script>
$(document).ready(function(){
$(".ui-select").selectWidget({
change       : function (changes) {
return changes;
},
effect       : "slide",
keyControl   : true,
speed        : 200,
scrollHeight : 250
});
});
</script>

I believe it's changing <select> line that I can't get correct.

I look forward to any assistance.

August 6, 2016

Thank you for all of your replies.

I've cured the syntax error and added this to uploader.php:

if(isset($_SESSION['channel_id'])) {
 echo '<input type="hidden" name="channel" value="1">';
} else {
 echo "<select class='upload-video-form-input' name='channel' onchange='javascript:ahahscript.ahah('[var.base_url]/uploader.php?sub_cat='+ document.form_upload.channel.value, 'sub_change', '', 'GET', '', this);'>
  [var.fields_all;htmlconv=no]</select>";
}

However, I could use some assistance, please, with how to tie it into the Form code:

<li style="width:240px; text-align:right;"><strong>[var.lang_select_channel]:</strong></li>
<li style="width:400px; text-align:left;">

<select class="upload-video-form-input" style="width:160px;" size="1" name="channel" onchange="javascript:ahahscript.ahah('[var.base_url]/uploader.php?sub_cat='+ document.form_upload.channel.value, 'sub_change', '', 'GET', '', this);">
 [var.fields_all;htmlconv=no]</select> ([var.lang_select_one])</li>

<li style="width:240px; text-align:right"> </li>
<li style="width:380px" class="font5_14"><strong>[var.lang_sub_categories]</strong></li>

<li style="width:240px; text-align:right"><strong>[var.lang_sub_cat]: </strong></li>
<li style="width:400px; text-align:left;" id="sub_change"><select class="upload-video-form-input" style="width:160px;" size="1" name="sub_cat"></select> ([var.lang_optional])</li>

Any guidance with how to ultimately adjust the Form so the named the channel "1", can allow the sub-categories to populate the Form, will be greatly appreciated.

August 5, 2016

In a php video-web-script I'm using, in the (video)Upload Form I tried hiding the select-a-channel drop-down choices, essentially like this:

<li><input type="hidden" name="channel" value="1"/></li>

(so, that the Channel is pre-determined for the uploader/user).
But, when the Channel is hidden like that, the next field box(sub-categories) in the Form, shows no choices. Apparently, in this Upload Form a Channel choice is required in order to see the sub-category choices.

So, I'm trying to figure out a way to name the channel, and somehow let the Form know that Channel has been chosen, so that the sub-category drop-down choices are available for choosing, and proceeding.
Here's the code without the hidden Channel:

<li style="width:240px; text-align:right;"><strong>[var.lang_select_channel]:</strong></li>
<li style="width:400px; text-align:left;">

<select class="upload-video-form-input" style="width:160px;" size="1" name="channel" onchange="javascript:ahahscript.ahah('[var.base_url]/uploader.php?sub_cat='+ document.form_upload.channel.value, 'sub_change', '', 'GET', '', this);">
 [var.fields_all;htmlconv=no]</select> ([var.lang_select_one])</li>

<li style="width:240px; text-align:right"> </li>
<li style="width:380px" class="font5_14"><strong>[var.lang_sub_categories]</strong></li>

<li style="width:240px; text-align:right"><strong>[var.lang_sub_cat]: </strong></li>
<li style="width:400px; text-align:left;" id="sub_change"><select class="upload-video-form-input" style="width:160px;" size="1" name="sub_cat"></select> ([var.lang_optional])</li>

Someone who looked at the files had this to say (it's a bit over my head):

"the javascript executes uploader.php?sub_cat=1.

The uploader.php returns the list of subcategories in html

and the ahah script moves it to the correct section on the inner_uploader.htm

Move the javascript off the onchange to just do it anyway and pass the channel value of 1 directly into uploader.

I just think maybe the javascript isn't being executed for whatever reason"

Here's that javascript file:

// ==========================================================================

// @function		Complete AHAH function

// @author		Daniele Florio

// @site		www.gizax.it

// @version		1.1.3 experimental



// @thanksTo		Andrea Paiola,Walter Wlodarski,Scott Chapman



// @updated 1.1.3 ( execJS function ) @thanks to Giovanni Zona



// (c) 2006 Daniele Florio <daniele@gizax.it>



// ==========================================================================



/* USAGE:



1) Posting data to form:

<form id="myform" action="javascript:ahahscript.likeSubmit('helloworld.php', 'post', 'myform', 'mytarget');">



									    ('comments_ajax.php', 'commentajax', '', 'GET', '', this)

2) Getting simple url



<a href="#" onclick="javascript:ahahscript.ahah('test.htm', 'mytaget', '', 'GET', '', this);">click me</a>



*/



var ahahscript = {



	//loading : 'loading...',

	loading : "<br /><img src=javascripts/loading.gif",



	ahah : function (url, target, delay, method, parameters) {



	  if ( ( method == undefined ) || ( method == "GET" ) || ( method == "get" ) ){



			this.creaDIV(target, this.loading);



			if (window.XMLHttpRequest) {

				req = new XMLHttpRequest();

			}

			else if (window.ActiveXObject) {

				req = new ActiveXObject("Microsoft.XMLHTTP");

			}

			if (req) {

				req.onreadystatechange = function() {

					ahahscript.ahahDone(url, target, delay, method, parameters);

				};

				req.open(method, url, true);

				req.send("");

			}

		}

		if ( (method == "POST") || (method == "post") ){



			this.creaDIV(target, this.loading);



			if (window.XMLHttpRequest) {

				req = new XMLHttpRequest();

			}

			else if (window.ActiveXObject) {

				req = new ActiveXObject("Microsoft.XMLHTTP");

			}

			if (req) {

				req.onreadystatechange = function() {

					ahahscript.ahahDone(url, target, delay, method, parameters);

				};

				req.open(method, url, true);

				req.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

				req.send(parameters);

			 }

		}

	},



	creaDIV : function (target, html){

		if (document.body.innerHTML) {

			document.getElementById(target).innerHTML = html;

	   	}

	   	else if (document.getElementById){

			var element = document.getElementById(target);

			var range = document.createRange();

			range.selectNodeContents(element);

			range.deleteContents();

			element.appendChild(range.createContextualFragment(html));

	   }

	},



	execJS : function (node) {



		var st = node.getElementsByTagName('SCRIPT');

		var strExec;



		var bSaf = (navigator.userAgent.indexOf('Safari') != -1);

		var bOpera = (navigator.userAgent.indexOf('Opera') != -1);

		var bMoz = (navigator.appName == 'Netscape');



		for(var i=0;i<st.length; i++) {

			if (bSaf) {

			  strExec = st[i].innerHTML;

			}

			else if (bOpera) {

			  strExec = st[i].text;

			}

			else if (bMoz) {

			  strExec = st[i].textContent;

			}

			else {

			  strExec = st[i].text;

			}

			try {

			  eval(strExec);

			} catch(e) {

			  alert(e);

			}

		}



	},



	ahahDone : function (url, target, delay, method, parameters) {

		if (req.readyState == 4) {

			element = document.getElementById(target);

			if (req.status == 200) {



				//this.creaDIV(target, req.responseText);

				output = req.responseText;

				document.getElementById(target).innerHTML = output;

				var j = document.createElement("div");

				j.innerHTML = "_" + output + "_";

				this.execJS(j);



			}

			else {

				this.creaDIV(target, "ahah error:\n"+req.statusText);

			}

		}

	},



	/*



	@@ parameters :

	fileName	= name of your cgi or other

	method		= GET or POST, default is GET

	formName	= name of your form

	dynamicTarget	= name of your dynamic Target DIV or other



	@@ usage :





	*/



	likeSubmit : function ( file, method, formName, target ) {



		var the_form = document.getElementById(formName);

		var num = the_form.elements.length;

		var url = "";

		var radio_buttons = new Array();

		var nome_buttons = new Array();

		var check_buttons = new Array();

		var nome_buttons = new Array();





		// submit radio values

		var j = 0;

		var a = 0;

		for(var i=0; i<the_form.length; i++){

			var temp = the_form.elements[i].type;

			if ( (temp == "radio") && ( the_form.elements[i].checked) ) {

				nome_buttons[a] = the_form.elements[i].name;

				radio_buttons[j] = the_form.elements[i].value;

				j++;

				a++;

			}

		}

		for(var k = 0; k < radio_buttons.length; k++) {

			url += nome_buttons[k] + "=" + radio_buttons[k] + "&";

		}



		// submit checkbox values

		var j = 0;

		var a = 0;

		for(var i=0; i<the_form.length; i++){

			var temp = the_form.elements[i].type;

			if ( (temp == "checkbox") && ( the_form.elements[i].checked) ) {

				nome_buttons[a] = the_form.elements[i].name;

				check_buttons[j] = the_form.elements[i].value;

				j++;

				a++;

			}

		}

		for(var k = 0; k < check_buttons.length; k++) {

			url += nome_buttons[k] + "=" + check_buttons[k] + "&";

		}



		// submit all kind of input

		for (var i = 0; i < num; i++){



			var chiave = the_form.elements[i].name;

			var valore = the_form.elements[i].value;

			var tipo = the_form.elements[i].type;



			//var valore_2 = valore.replace(/ /,"OK Space"));

			//alert(valore_2);



			if ( (tipo == "submit") || (tipo == "radio") || (tipo == "checkbox") ){}

			else {

				url += chiave + "=" + valore + "&";

			}

		}



		//alert(url);



		var ajax_space_fix = url;

		var intIndexOfExtraSpace = ajax_space_fix.indexOf( " " );



		while (intIndexOfExtraSpace != -1)

		{

			ajax_space_fix = ajax_space_fix.replace( " ", " " )

			intIndexOfExtraSpace = ajax_space_fix.indexOf( " " );

		}



		//alert( ajax_space_fix );



		var parameters = ajax_space_fix; //url;



		url = file + "?" + url;



		if (method == undefined) {

			method = "GET";

		}

		if (method == "GET") {

			this.ahah(url, target, '', method, '');

		}

		else {

			this.ahah(file, target, '', method, parameters);

		}

	}



};

Any ideas regarding naming the channel, and let the Form know that Channel has been chosen, so that the sub-category drop-down choices are available for choosing" will be greatly appreciated.

July 24, 2016

Thank you

July 20, 2016

Thanks for your reply and for sharing that example.

Regarding the 'thingie', I couldn't tell you what that is, I'm using this web script, and trying to modify it,I'm not the author.

I'll be grateful for any additional ideas on the syntax error, thanks again

July 20, 2016

Thanks for your replies.

The text editor is text-pad, and I'm not doing that, I'm just copying it from text-pad.

Regarding "you have to break up the string in to pieces or else use escape chars to avoid unintended breaks to your content", any example you like to share will be appreciated.

July 20, 2016

Thank you for looking that over. I appreciate it.

I removed the one of the TWO SEMIS, thanks.

Yes, I need some guidance with:

"THINK YOU NEED TO WORK ON THIS"

"THIS LINE IS DEFINITELY BROKEN. TOO MANY ' AND " CHARS HERE!"

and with the syntax error. Any guidance you'd like to share will be welcomed.

July 20, 2016

Thank you for your reply/help.

Yes,I'm looking at uploader.php. Here are lines 19 thru 81

include_once ('classes/config.php');

include_once ('classes/sessions.php');

include 'uploader_conlib.php';

$config['notification_error'] = $lang_error;

$page_title = $lang_upload_video;


if ($_SESSION['user_id'] == "") {

header("Location: $login_out_link");;

die();

}



$load_javascript = 1;

$ahah = 1;

$thickbox = 1;



///////////////////////////////////////////////////////////////////////////////////////

// ADDED SPAMMER UPLOAD TRACKING LOGING

//



$member_uploading = $_SESSION['user_name'];

$tracking_log_file = 'logs/uploader_log.txt';

$admin_email = $config['admin_notify_email'];

$user_ip = mysql_escape_string($_SERVER['REMOTE_ADDR']);

$referer = mysql_real_escape_string($_SERVER['HTTP_REFERER']);



if ( $referer == '' ) die_spammer_alerts();

if ( !ereg ($_SERVER['SERVER_NAME'], $referer) ) die_spammer_alerts();



///////////////////////////////////////////////////////////////////////////////////////

if(isset($_SESSION['channel_id'])) {
echo '<input type="hidden" name="channel" value="$_SESSION['channel_id']">';
} else {
echo '<select class="upload-video-form-input" name="channel" onchange="javascript:ahahscript.ahah('[var.base_url]/uploader.php?sub_cat='+ document.form_upload.channel.value, 'sub_change', '', 'GET', '', this);">
 [var.fields_all;htmlconv=no]</select>';
}

Any additional help will be appreciated.

July 20, 2016

Thanks you for your replies. I corrected the echo close, Much appreciated.

However, I still see this error:

Parse error: syntax error, unexpected T_STRING, expecting ',' or ';' in /home/public_html/uploader.php on line 39

and line 39 is blank.

Any additional help will be appreciated.

July 20, 2016

Thanks for your message.

"Parse error: syntax error, unexpected T_CLASS, expecting ',' or ';' in /home/public_html/uploader.php on line 48"

line 48 is blank.

The error only appears when I add:

if(isset($_SESSION['channel_id'])) {
echo '<input type="hidden" name="channel" value="1">
} else {
echo '<select class="upload-video-form-input" name="channel" onchange="javascript:ahahscript.ahah('[var.base_url]/uploader.php?sub_cat='+ document.form_upload.channel.value, 'sub_change', '', 'GET', '', this);">
 [var.fields_all;htmlconv=no]</select> ';
}

to line 83

Any additional help will be greatly appreciated.

July 20, 2016

Thanks for your reply.

I'm not seeing what you mean.

I see:

';
}

isn't that correct?

Sign In

Chrisj

Posts

Joined

Last visited

Days Won

Content Type

Profiles

Forums

Posts posted by Chrisj

Help with media screen style link for PHP web script

Naming a 'Channel' instead of "Selecting a Channel", so the sub-categories appear

Naming a 'Channel' instead of "Selecting a Channel", so the sub-categories appear

Slider images appear truncated in IOS vs. PC

Naming a 'Channel' instead of "Selecting a Channel", so the sub-categories appear

Naming a 'Channel' instead of "Selecting a Channel", so the sub-categories appear

Set Timing for each slide on Slider

Set Timing for each slide on Slider

Set Timing for each slide on Slider

Help with Web Form upgrade

Help with Web Form upgrade

Help with Web Form upgrade

Help with Web Form upgrade

Help with Web Form upgrade

Help with Web Form upgrade

Hiding a "Channel", but not a "Category"

Naming a 'Channel' instead of "Selecting a Channel", so the sub-categories appear

Hiding a "Channel", but not a "Category"

Hiding a "Channel", but not a "Category"

Hiding a "Channel", but not a "Category"

Hiding a "Channel", but not a "Category"

Hiding a "Channel", but not a "Category"

Hiding a "Channel", but not a "Category"

Hiding a "Channel", but not a "Category"

Hiding a "Channel", but not a "Category"

Browse

Activity

Important Information