JavaScript - Select Box Array / Javascript Included

I few sites said to (in the js file) put the varible in <%= %> these tags but thats not doing any good. Is there some other part needed to this I'm missing. The javascript I'm using is in a file I included in my VS project.

Hi all,

I am having some problems with the below multiple image upload script.

Code:

<script type="text/javascript">
set_cookie ( "uid", "14" );
</script>
<script type="text/javascript">


$(function(){
	$('#swfupload-control').swfupload({
		upload_url: "upload-file.php",
		file_post_name: 'uploadfile',
		file_size_limit : "10240",
		file_types : "*.jpg;*.png;*.gif",
		file_types_description : "Image files",
		file_upload_limit : 100,
		flash_url : "jquery/swfupload/swfupload.swf",
		button_image_url : 'jquery/swfupload/wdp_buttons_upload_114x29.png',
		button_width : 114,
		button_height : 29,
		button_placeholder : $('#button')[0],
		debug: false
	})
		.bind('fileQueued', function(event, file){
			var listitem='<li id="'+file.id+'" >'+
				'File: <em>'+file.name+'</em> ('+Math.round(file.size/1024)+' KB) <span class="progressvalue" ></span>'+
				'<div class="progressbar" ><div class="progress" ></div></div>'+
				'<p class="status" >Pending</p>'+
				'<span class="cancel" >&nbsp;</span>'+
				'</li>';
			$('#log').append(listitem);
			$('li#'+file.id+' .cancel').bind('click', function(){
				var swfu = $.swfupload.getInstance('#swfupload-control');
				swfu.cancelUpload(file.id);
				$('li#'+file.id).slideUp('fast');
			});
			// start the upload since it's queued
			$(this).swfupload('startUpload');
		})
		.bind('fileQueueError', function(event, file, errorCode, message){
			alert('Size of the file '+file.name+' is greater than limit');
		})
		.bind('fileDialogComplete', function(event, numFilesSelected, numFilesQueued){
			$('#queuestatus').text('Files Selected: '+numFilesSelected+' / Queued Files: '+numFilesQueued);
		})
		.bind('uploadStart', function(event, file){
			$('#log li#'+file.id).find('p.status').text('Uploading...');
			$('#log li#'+file.id).find('span.progressvalue').text('0%');
			$('#log li#'+file.id).find('span.cancel').hide();
		})
		.bind('uploadProgress', function(event, file, bytesLoaded){
			//Show Progress
			var percentage=Math.round((bytesLoaded/file.size)*100);
			$('#log li#'+file.id).find('div.progress').css('width', percentage+'%');
			$('#log li#'+file.id).find('span.progressvalue').text(percentage+'%');
		})
		.bind('uploadSuccess', function(event, file, serverData){
			var item=$('#log li#'+file.id);
			item.find('div.progress').css('width', '100%');
			item.find('span.progressvalue').text('100%');
			var pathtofile='<img src="uploads/'+file.name+'" height="120px" width="120px"></img>';
			item.addClass('success').find('p.status').html(pathtofile);
		})
		.bind('uploadComplete', function(event, file){
			// upload has completed, try the next one in the queue
			$(this).swfupload('startUpload');
		})
	
});	

</script>

Process Page (upload-file.php)
Code:

<script type="text/javascript">
function get_cookie ( uid )
{
  var results = document.cookie.match ( '(^|;) ?' + cookie_name + '=([^;]*)(;|$)' );

  if ( results )
    return ( unescape ( results[2] ) );
  else
    return null;
}
</script>
<?php

include('includes/config.php');


$uploaddir = 'uploads/'; 
$file = $uploaddir . basename($_FILES['uploadfile']['name']); 
$size=$_FILES['uploadfile']['size'];
if($size>10485760)
{
	echo "error file size > 10 MB";
	unlink($_FILES['uploadfile']['tmp_name']);
	exit;
}
if (move_uploaded_file($_FILES['uploadfile']['tmp_name'], $file)) { 

$uploadedfiles = ($_FILES);
$files = $uploadedfiles;
foreach($files as $value)
$a_id = $_COOKIE['a_id'];
$u_id = '<script type="text/javascript">var x = get_cookie ( "uid" );</script>';
{
$insert = "INSERT INTO images (a_id, u_id) VALUES ('$a_id', '$u_id')";

mysql_query($insert) or die(mysql_error());
}
  echo "success"; 
	}

 else {
	echo "error ".$_FILES['uploadfile']['error']." --- ".$_FILES['uploadfile']['tmp_name']." %%% ".$file."($size)";
}

?>

Basically the problem I am having that when the row is entered into the database, it always inputs a 0 for a_id and u_id, I have tried this with php cookies, php sessions and now I am trying with javascript cookies.

Why wont the included file read the cookies? Is their anyway to pass data into this script?

I believe that Code:

upload_url: "upload-file.php",

is the issue, I cant seem to parse any data into this file?

Any help would be greatly appreciated, this is driving me nuts!

Hi,

I have the below javascript that insert smiles for me.
But in Firefox, it is inserting at the bottom of the message

Edit: This only happens when there in no text input first before the smile.

For exmple
Quote:


-- Original Message ---
test send :-)
-- End Original Message --- ;-)
I would like it be inserted, like
Quote:
;-)

-- Original Message ---
test send :-)
-- End Original Message ---
Note: ;-) would be the smile


It works fine in Internet Explorer, but Firefox, put it in the wrong place, can anyone help.

The javascript code I use is below:

Code:

//Smile Start

var myAgent   = navigator.userAgent.toLowerCase();
var myVersion = parseInt(navigator.appVersion);

var is_ie  = ((myAgent.indexOf("msie") != -1)  &&  (myAgent.indexOf("opera") == -1));
var is_nav = ((myAgent.indexOf('mozilla')!=-1) &&  (myAgent.indexOf('spoofer')==-1)
                    && (myAgent.indexOf('compatible') == -1)  &&

(myAgent.indexOf('opera')==-1)
                    && (myAgent.indexOf('webtv') ==-1)        &&

(myAgent.indexOf('hotjava')==-1));

var is_win = ((myAgent.indexOf("win")!=-1) ||  (myAgent.indexOf("16bit")!=-1));
var is_mac = (myAgent.indexOf("mac")!=-1);

function smile( txt ) {
//    document.all.txtmessage.value = document.all.txtmessage.value +  txt;
//        return false;
    doInsert(" " + txt + " ", "",  false,document.getElementById('txtmessage'));             
}
function smile2( txt ) {
    doInsert(" " + txt + " ", "",  false,document.getElementById('txttemplate'));
}
function smile3( txt ) {
    doInsert(" " + txt + " ", "",  false,document.getElementById('txtcomments'));
}


function doInsert(ibTag, ibClsTag, isSingle, name_txt)
{
    var isClose = false;
    var obj_ta = name_txt;


    //----------------------------------------
    // It's IE!
    //----------------------------------------
if ( (myVersion >= 4) && is_ie && is_win)
//    if ( (ua_vers >= 4) && is_ie && is_win)
    {
        if (obj_ta.isTextEdit)
        {
            obj_ta.focus();
            var sel = document.selection;
            var rng = sel.createRange();
            rng.colapse;
            if((sel.type == "Text" || sel.type == "None") && rng  != null)
            {
                if(ibClsTag != "" && rng.text.length > 0)
                    ibTag += rng.text + ibClsTag;
                else if(isSingle)
                    isClose = true;

                rng.text = ibTag;
            }
        }
        else
        {
  //-- mod_bbcode begin
          // this should work with Mozillas
          if ( (myVersion >= 4) && is_win) {
              var length = obj_ta.textLength;
              var start = obj_ta.selectionStart;
              var end = obj_ta.selectionEnd;
              if (end == 1 || end == 2)
                  end = length;
              var head = obj_ta.value.substring(0,start);
              var rng = obj_ta.value.substring(start, end);
              var tail = obj_ta.value.substring(end, length);
              if( start != end ){
                  if (ibClsTag != "" && length > 0)
                      ibTag += rng + ibClsTag;
                  else if (isSingle)
                      isClose = true;
                  rng = ibTag;
                  obj_ta.value = head + rng + tail;
                  start = start + rng.length;
              }
              else{
                  if(isSingle)
                      isClose = true;
                  obj_ta.value = head + ibTag + tail;
                  start = start + ibTag.length;
              }
              obj_ta.selectionStart = start;
              obj_ta.selectionEnd = start;
          }
          else {
  //-- mod_bbcode end 
                if(isSingle)
                {
                    isClose = true;
                }
               
                obj_ta.value += ibTag;
    //-- mod_bbcode begin
         }
    //-- mod_bbcode end         
        }
    }
    //----------------------------------------
    // It's MOZZY!
    //----------------------------------------
   
else if ( obj_ta.selectionEnd )
    {
        var ss = obj_ta.selectionStart;
        var st = obj_ta.scrollTop;
        var es = obj_ta.selectionEnd;
       
        if (es <= 2)
        {
            es = obj_ta.textLength;
        }
       
        var start  = (obj_ta.value).substring(0, ss);
        var middle = (obj_ta.value).substring(ss, es);
        var end    = (obj_ta.value).substring(es, obj_ta.textLength);
       
        //-----------------------------------
        // text range?
        //-----------------------------------
       
        if (obj_ta.selectionEnd - obj_ta.selectionStart > 0)
        {
            middle = ibTag + middle + ibClsTag;
        }
        else
        {
            middle = ibTag + middle;
           
            if (isSingle)
            {
                isClose = true;
            }
        }
       
        obj_ta.value = start + middle + end;
       
        var cpos = ss + (middle.length);
       
        obj_ta.selectionStart = cpos;
        obj_ta.selectionEnd   = cpos;
        obj_ta.scrollTop      = st;

    }
    //----------------------------------------
    // It's CRAPPY!
    //----------------------------------------
    else
    {
        if (isSingle)
        {
            isClose = true;
        }
       
        obj_ta.value += ibTag;
    }
   
    obj_ta.focus();

    return isClose;
}

function CDE(elemId) {
        if(document.getElementById(elemId).style.display != "none")
            document.getElementById(elemId).style.display = "none"
        else
            document.getElementById(elemId).style.display = "inline"
}

//Smile End

Thanks for any help you can give me

For a widget I made, I have a dropdown select menu. It is constrained to a very small width and IE does not auto expand on click. I wrote a simple javascript to handle this but I run into two problems. The onmouseout function is fired when I click into a child node, and the onmousedown of the <option> tags doesn't work in IE. The code works fine in all other browsers.

var wid;
var campaign_i = 0;
function campaignWidget_capture(myID){
wid=document.getElementById(myID).style.width;
campaign_i++;
}
function campaignWidget_SubDes(myID,state){
if(state==0){
if(campaign_i==0)
campaignWidget_capture(myID);
document.getElementById(myID).style.width="auto";
}else
document.getElementById(myID).style.width=wid;
}

onmouseout="campaignWidget_SubDes(id,1)" This is in the select tag.

onmousedown="campaignWidget_SubDes(id,0)" This is in the select tag

onmousedown="campaignWidget_SubDes('campaignWidget_Sub_Designation',1)" This is in the option tag.

Ok so I'm making this form which when a selection is made in one box it will run through the javascript(function getMgmtHours), and update the div(mgmthours). Then another box shows up allowing another selection to be made which runs through the javascript(function getDays) and updates another div(mgmtdate). My problem is that when I use the second box to run through javascript, it overwrites what shows up in the first div (mgmthours) when it should be updating a different div (mgmtdate). Any ideas what I can do to get it update the relevant div and not overwrite the other one?

Here is part of the javascript I have in my page head:

Code:

function getMgmtHours(str)
{
if (str=="")
  {
  document.getElementById("mgmthours").innerHTML="";
  return;
  }
if (window.XMLHttpRequest)
  {
   // code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("mgmthours").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","getmgmthours.php?dist="+str,true);
xmlhttp.send();
}

function getDays(str)
{
if (str=="")
  {
  document.getElementById("mgmtdate").innerHTML="";
  return;
  }
if (window.XMLHttpRequest)
  {
   // code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("mgmtdate").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","getdates.php?sunday="+str,true);
xmlhttp.send();
}

Here is the HTML/PHP portion being used:
PHP Code:
echo "<p>";
echo "Submit hours:";
echo "<form>";
echo "<select name='district' onchange='getMgmtHours(this.value)'>";
echo "<option value=''>Select a district:</option>
<option value='1'>1</option>
<option value='3'>3</option>
<option value='4'>4</option>";
echo "</select>";
echo "</form>";
echo "</p>"

echo "<p>";
echo "<form action='./hours.php' method='post' onSubmit='return checkMgmtHours'>";
echo "Weekending Day: ";
echo "<select name='weekending' onchange='getDays(this.value)'>";
echo "<option value=''>Choose a Date:</option>";

while ($week < 32) {
    $nextsunday = strtotime("next Sunday");
    
    if ($week > 0) { $timestamp = strtotime("-" . $week . " week", $nextsunday); } else { $timestamp = $nextsunday;}
    
    $weekending = date('M. d, Y', $timestamp);
    echo "<option value='" . $weekending . "'>" . $weekending . "</option>";
    $week = $week + 1;
}

echo "</select>";

echo "<div id='mgmtdate' />";
echo "<div id='mgmthours' />";
echo "</p>"; 


Edit: Also, after getMgmtHours() runs, I can still use both getDays and getMgmtHours, howeer once I used getDays, I am no longer able to use getMgmtHours w/o refreshing the page.